让多个选择器(元素)具有相同的样式,一般用于设置公共样式
<style type="text/css"> h1,.box,span{ //分组 color: blue; } span{ background-color: crimson; } </style>
子元素可以继承父元素的样式;
<style type="text/css"> .test{ font-size: 24px; } .test span{ font-weight: bold; font-size: 10px; //能继承父类的,也能重写,会对父类的属性进行覆盖; } </style>
内联样式>内部样式>外部样式;
important :加在样式属性后面,权重为10000.
内联样式:如“style=”,权重值为1000
ID选择器:如#content的权重值为100;
类,伪类:如content、hover权重为10;
标签选择器:如div、p的权重为1;
1、font-size:字号(px或者%)%是基于父元素的大小
2、font-famliy:字体 如果字母出现空格,就要用引号;
3、font-style:样式 (normal:正常 italic:斜体 oblique:倾斜的字体)
4、font-weight:加粗 (normal:正常400 bold:粗体700 bolder:更粗 lighter:更细){100-700}
5、line-height:行高
6、color:文字的颜色
7、text-decoration:文字的修饰 (none\normal\underline\overline\line-through)
8、text-align:文字的对齐方式
9、text-transform:字母的大小写 (none:无转化 capitalize:首字母换大写 uppercase:换大写 lowercase:转小写)
10、text-indent:文本缩进(number+px或者em)em 相对于父亲
font属性:
font:font-style font-variant font-weight font-size /line-height font-famliy
注意:
属性值的位置
除了font-size和font-famliy之外,其他任何的属性都可以省略
font-variant:文本修饰 nomal/small-caps(让大写字母变的小一些)
——-
学习于:b站求知讲堂