选择器有哪些 ; 标签,通配符,类名
选择器的范围越精确,优先级就越高
id选择器;
语法;html;通过定义id属性<div id="box1">444</div>
css;以#进行标识。
#id名称{样式声明;}
作用;选择所以带有指定id名称的元素
权重;100
注意;具有唯一性。一般用于页面中唯一的元素。头部,经常和javascript搭配使用
命名规范; 1,字母,数字,下划线,$组成。
2,不能以数字开头
3,见名知意,尽量用英文
4,多个单词,驼峰命名法(LeftBoxTop 中划线Left-box,下划线
字体属性;1,font-family
作用;设置文本的字体系列
取值;一个字体名称
微软雅黑 浏览器的默认字体
多个字体;逗号隔开;
如何浏览器不支持第一字体,则会尝试下一个字体
注意;如果字体名称里面包含空格,汉字,特殊符号,必须加引号。
2,字体大小
font-size;
取值;长度值(px)
16px 大多数浏览器默认字体大小为16px
百分比;相对于父元素进行计算
em相对单位;如果用于字号,相对于父元素字号进行计算。如果用于其他属性
相对于当前元素的字号进行计算
3,字体的样式
font-style;
取值;normal 正常显示(默认值)
italic 斜体显示
4,字体加粗
font-weight
取值;关键字;normal 正常显示(默认值)
bold 加粗
九级字重; 100~900;400相当于normal;700相当于bold
5,行高(文本之间的行间距)
line-height ;
测量;文字高+行间距
取值;px
number
文本属性;
1,tetx-align
作用;设置文本水平对齐方式
取值;left局左对齐 默认值
right居右对齐
center居中对齐
justify两端对齐
注意;适用于块级元素
2,text-decoration
作用;设置文本装饰线
取值;underline 下划线
line-through 中划线
overline 上划线
none 默认值 去掉文本装饰线
3,text-indent
作用;设置文本的首行缩进
取值;px,em
百分比 相对于元素内容宽进行计算
允许负值
4,color
作用;设置字体颜色
取值;颜色名称;red,pink
16进制色值;语法;#rrggbb
rgb颜色表示方法;r;红 g;绿 b;蓝
语法;rgb(r,g,b)