网页前端第三次学习

1.主要内容

2.基本使用

        

 注意：

        CSS声明要以分号结束

        建议一行一一个属性

        若值为若干单词，则要给值加引号

一.CSS定义
                    选择器名{
                        属性名：属性值；
                        属性名：属性值；
                        属性名：属性值；
                        ....
                    }
                    注意：
                        1.声明需要花括号括起来，每个声明以分号（;）结尾
                        2.一行建议一个声明
                        3.如果样式的属性值有多个单词组成，则用引号（“”）引起来
二.CSS注释
                    /* 注释内容 */
三.CSS的三种使用方式
                    1.行内样式
                        直接写在标签上的样式，在标签上通过style定义的样式
                    2.内部样式
                        定义在style标签中的样式，style标签一般设置在head标签中
                    3.外部样式
                        定义在外部CSS文件中，通过link引入
                        <link rel="stylesheet" type="text/css" href="css文件的路径">
                    注：有多种样式时，精确度越高越优先

四.CSS基本选择器
                1.通用选择器
                    *{
                        属性名：属性值；
                        属性名：属性值；
                        ....
                    }
                2.元素选择器
                    标签名{
                        属性名：属性值；
                        属性名：属性值；
                        ....
                    }
                3.ID选择器 #
                    #id属性值{
                        属性名：属性值；
                        属性名：属性值；
                        ....
                    }
                4.类选择器
                    .class属性值{
                        属性名：属性值；
                        属性名：属性值；
                        ....
                    }
                5.分组选择器
                    选择器1,选择器2....{
                        属性名：属性值；
                        属性名：属性值；
                        ....
                    }

 五.样式权重

        元素选择器1

        类选择器10

        id选择器100

        内联样式1000（越大越高）

六.组合选择器
                后代选择器
                    选择指定选择器的所有指定后代元素，以空格隔开
                    选择器 指定元素{
                        属性名:属性值;
                        属性名:属性值;
                        ....
                    }
                子代选择器
                    选择指定选择器的第一代元素，以大于号隔开
                    选择器>指定元素{
                        属性名:属性值;
                        属性名:属性值;
                        ....
                    }
                相邻兄弟选择器
                    选择指定选择器的下一代元素（只会找一个），两者有相同的父元素，以加号隔开
                    选择器+指定元素{
                        属性名:属性值;
                        属性名:属性值;
                        ....
                    }
                普通兄弟选择器
                    选择指定元素后面的的所有元素，两者有相同的父元素，以~隔开
                    选择器~指定元素{
                        属性名:属性值;
                        属性名:属性值;
                        ....
                    }