CSS教程

css的字体以及选择器的使用(笔记)

本文主要是介绍css的字体以及选择器的使用(笔记),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

选择器的分组

让多个选择器(元素)具有相同的样式,一般用于设置公共样式

<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;

CSS字体

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站求知讲堂

这篇关于css的字体以及选择器的使用(笔记)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!