CSS初识

标签：选项   导航栏   访问   col   for   字符   段落   text   唯一性   

2019/07/26 10:32:49

CSS:

1.语法由选择器和一条到多条声明组成规则集。

2.元素选择器下的声明会应用到当前文档中所有该元素。

    例：p{
            color:green;
         }
    注：所有段落字体颜色为green.

3. 类选择器会应用到所有拥有该类的元素。

    例：.stress{
            font-size:21px;
        }
        <span class="stress">
        <p class="stress">
    注：包含.stress属性值的都会改变字体大小。

4. ID选择器ID名具有唯一性。

    例：<span id="stress">
    注：只能有一个id名为.stress.

5. 编写规则：不要将多条声明写在一行。

    例：p{color:red;fout-size:21px;backgronud:blue}

6. 语义化结构标记（HTML5新增）:

7. 文本元素：

8. 路径：

• 相对路径 link如果在同一路径下，直接填写文件名即可。
• 绝对路径 href必须填写完整的路径的文件名。 ../表示返回上一级目录 ./表示当前资源所在的目录（可以省略）

9. 编码特殊字符：

10. 颜色单位：

    h1{
        color:white;
        color:#fff;
        color:rgb(255,255,255);
    }
    长度单位
        一个尺寸是由长度+单位组成的
    绝对长度：px
    相对长度：em

11. *{}通配：匹配到当前文档的所有元素

12. 属性选择器

    [属性=值]
    [class=testclass]{}

13. 伪类选择器

    a:link(“未访问”){
            color:#000;
        }
    a:visited(“访问后”){
            color:#ccc;
        }
    a:hover(“移入”){
            color:red;
        }
    a:acrive(“点击时”){
            font-size:30px;
        }

14. 伪元素：可以给标签加字.(css3区分伪类和伪元素，将伪元素改为：：)

    ：first-letter 第一个字
    ：first-line 第一行
    a::before{content:"之前"}
    a::after{content:"之后"}

15. 组合选择器（并集选择器）

    h1,h2,h3,h4{
        font-weight:normal;
    }
    特点：形式不限，元素，类，id都可以选择

16. 子选择器

    ul>li （大于）表示子集选择器
    特点：用于选择指定标签元素的第一代子元素。

17. 后代选择器

    ul li （空格）表示后代选择器
    特点：用于选择指定标签元素下的所有后代元素。

CSS初识

标签：选项   导航栏   访问   col   for   字符   段落   text   唯一性   

原文地址：https://www.cnblogs.com/5nbsp/p/11261864.html