请问有什么需要修改的地方吗 font-style和text-decoration老是会记反 请问underline为什么不能算font-style中的呢
文本与字体属性
color:设置文本内容的颜色
1 英语单词(一般不用)
2 十六进制(通用)
写法:color: #ff0000
意义: (rgb原则) 前两个ff表示红色为255(最多) 中间两个0表示绿色没有 最后两个0表示蓝色没有 每种颜色分量都是0到255中间
tip:如果颜色值为#aabbcc形式 可以简写成#abc
3 rgb(0,255,0)
rgba(0,255,0,0.4)
最后一个a表示透明度 (0纯透明 1纯实心)
font:字体
属性
1 font-size:设置字号 16px 浏览器最小10px字号
2 font-weight:设置字体粗细程度
nomal (正常粗细 与400等值)
bold (加粗 与700等值)
3 font-style:字体的倾斜
normal (取消倾斜)
italic (设置为倾斜字体)
oblique (设置为倾斜字体 不常用)
4 text-decoration:设置文本的修饰线外观
none(没有修饰线)
underline(下划线)
line-through(删除线)
5 font-family:用于设置字体
常见:font-family: "微软雅黑"
规则:一般英文字体放前面 后面的字体是前面字体的“后备”字体 font-family: serif, "Times New Roman", "微软雅黑" 名称中有空格和中文需要用引号包裹
写法:
1 font-family: serif,"微软雅黑";(行内式)
2 "font-family: serif, '微软雅黑' "(内联式)
一个双引号 一个单引号 注意区别
段落和行相关属性
text-indent:定义首行文本内容之间的缩进量
text-indent: 2em;
line-height: 用于定义行高
line-height: 30px;
line-height: 1.5;(字号的倍数 最推荐)
line-height: 1.5em
line-height: 150%
小tips
1 行高=盒子高度时 可实现单行文本垂直居中
2 连写完以后会会自带默认行高 如果没写一起的话需要写在它的下面 不然会被覆盖
text-align: center (实现文本水平居中)
font属性的合写
font-style font-weight font-size line-height font-family属性合写
写法:font: italic bold 20px/1.5 Arial, "微软雅黑";
最少:font: 字号(size) 字体(family)
写法 font:20px/1.5 Arial, "微软雅黑";
继承性
适用类型:文本相关属性
color
font开头
text开头
line开头
list开头
判断属性
1 就近原则:先看哪个离得最近 权重失效
2 (当距离一样时) 算权重
注意超级链接a:它自带下划线和color属性 所以根据就近原则 写在上一级无效 需直接改a{}
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星