CSS的一些属性,权重问题

选择符的权重:四个数字表示权重
内联样式表–100,id–100,class–10,伪类选择符–10,标签–1
包含选择符的权重=权重之和。
群组选择符,权重值不变,保持原有的权重值,后写的覆盖前些的,后写的权重大。
css的层叠性,–产生权重关系必然体现css的层叠性。
内联样式>外部样式/内部样式。外部和内部与书序的顺序有关,后写的覆盖前些的。
Id>class>/伪类>标签
css的 属性:
1:文本大小 font-size ,控制文本大小,默认16px 1em=16px 单位还可以是pt,9pt=12px;
文本大小一般设置为偶数,pc端尽量不要小于12px.
em的单位大小是根据父元素上的单位而变得,是父元素的一倍。
2:文本颜色 color, 更改文本的颜色。
十六进制表示颜色值: 0~9最暗 a–f 最亮, 6个数字,前两位红色,中间两位绿色,后面两位蓝色。
颜色模式:光色模式gpr gpr(255,0,0) gpra(255,0,0,0.5) 0.5表示半透明
3:文本类型 font-family, 控制页面文字类型的 默认:微软雅黑,英文默认:Arial
语法:font-family{字体1,字体2,…} 以逗号隔开。
先写英文字体,在写中文字体,放在引号里
4:文字加粗font-weight:, 控制文本加粗。
属性值:bold,bolder 加粗或数字(600-900)。/normal还原成正常大小。(100-500)
5:font-style文本倾斜。
属性值:italic,oblique 表示倾斜,normal 正常大小
6:文字行高 line-height 上下居中,单行文本=容器高
小于容器高时,文本向上移动。大于容器高时文本向下移动。
7:text-align 文本对齐方式
属性值: left左对齐 right右对齐 center居中对齐 justify两端点对齐
8:text-decoration: 文本修饰i
属性值:underline 添加下划线 overline 添加上划线
line-through:添加删除线 none 没有线
9:text-indent 文本首行缩进 1em=16px 能设置负值 向左移
10: 字间距:letter-spacing: 控制英文字母或汉字的字距。
词间距:word-spacing: 控制英文单词词距
11:控制文本大小写 text-transform: 主要针对(英文)
属性值: uppercase 大写 lowercase 小写 capitalize 首字母大写

发布了7 篇原创文章 · 获赞 0 · 访问量 47

猜你喜欢

转载自blog.csdn.net/lkzy12345/article/details/105004060