字体类型:
标签{属性名font-family:值;}
可以设置文字的字体风格。
字体类型可以用引号包起来,也可以不写。
后面会有好几个用逗号分隔开的,意思是逐个应用,哪个浏览器支持就应用哪个,浏览器一看第一个我不认识啊,就认第二个,还不认识就第三个。
字体大小:
标签名{属性font-size:12px;}
我把div包裹的内容的文字大小设置为12像素了
2em的意思是字体大小设置为2倍的上级元素的大小
在适配机型让各种手机屏幕兼容显示大小时更多使用的时候是rem。rem是根据根元素html的大小来的
body的默认字体大小是16
字体粗细:
点类名或标签{font-weight:bold(粗体)选bolder的话浏览器现在并不会更粗但是会告诉浏览器我是更粗的字体,在语义化上。span表示强调在浏览器上利于网络搜索,可以方便浏览器更快的抓取页面;normal表示不加粗也不变细,lighter变细 。400是正常700是粗体 在显示上300是细以下是语义,700是粗以上是语义。400到600看上去还是有点点区别
字体风格:
点类名或标签{font-style:italic/oblique 都表示斜体;normal摆正}
一般我们设置字体顺序如下
font-style
font-weight(前面两个顺序可以颠倒)
font-size
font-family(放最后)
——————————————————————————————————————————————————————————————————————————————————————
文本样式
color的两种写法
十六进制写法:
2位表示红色含量2位表示绿色含量2位表示蓝色含量,举个栗子:#1ECA5F
rgb(r,g,b)正整数取值0~255
RGBA在rgb的基础上怎讲alpha透明度参数值为0~1
比如说background:ragb(45,48,51,.8)
排版
标签或点类名{text-align:文本对齐:默认left 左对齐。right右,center;居中(还有前两个可以对图片生效的说)。justify;两端对齐(对图片生效的效果很非常特别不明显) 加p标签上下会加点间距但是排版不会更改
首行缩进
text-indent:px就是像素em是根据上一级元素来的 ,假如上一级是body,默认16px,2em就是缩进了两个字符36px
-----------------------------------------------------------------------------------------------------------
line-height:行高,值越大,行的间距就越大 有normal。
行高设置的一般比字体大一点,行高和高度设置的一样时,叫做垂直居中
height=line-height