1.文字修饰:
text-decoration : underline下划线 ,none没有修饰, over-line上划线 ,line-through中划线
vertical-align : 竖直对齐方式 text-align: center : 水平居中
2.内容超出处理:
overflow :visible(默认) |auto |hidden |scroll
visible不裁剪内容,可能会显示在内容框之外。
auto 容器自适应内容,内容高度超出容易,会出现竖直滚动条,如果内容宽度超出容器,会出现水平滚动条
hidden 是把超出容器的内容部分给裁减掉
scroll 给容器设置滚动条,如果内容没有超出容器,将无法滚动
overflow-x: 对容器的水平方向处理
overflow-y: 对容器的垂直方向处理
3.overflow-x/y:
visible |hidden |scroll |auto |no-display |no-content;
visible不裁剪内容,可能会显示在内容框之外。
hidden裁剪内容 - 不提供滚动机制。
scroll裁剪内容 - 提供滚动机制。
auto如果溢出框,则应该提供滚动机制。
no-display如果内容不适合内容框,则删除整个框。
no-content如果内容不适合内容框,则隐藏整个内容。
4.颜色单位:
英文单词 / 16进制 / rgb / transparent
5.字号设置:
px:绝对单位,页面按精确像素展示
百分比:相对单位,相对于浏览器默认字号
em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。
rem:相对单位,可理解为”root em”, 相对根节点html的字体大小来计算
6.font-weight 字重:
bold(500~900) 加粗 bolder 更粗(已淘汰)
lighter(100~300) 更细 normal(400)正常的
font-style:
7.斜体设置 italic
正常设置noraml
8.font-family 字体设置:
设置多个字体用逗号隔开 用双引号包裹 (Arial一般最后一个,多系统支持)
解析风格:sans-serif(比较圆润),serif棱角多
9.首行缩进:
text-indent: 2em;