实训第三天碎碎念 开始变难了

第三天开始学习css

网页分成三个部分

        html    结构    30左右个标签

        css     表现    外在显示的样子

        js      行为

        html   超文本语言

        css    -层叠样式

网页是一个多层的结构css可以给每层结构做样式

css语法：样式名，样式值

                 color                  设置字体的颜色 red green yellow

                 font-size              设置字体大小   px

                 background-color       设置背景颜色 red green yellow

css书写有三种方式

第一种方式：内联样式/行内样式

            书写位置：开始标签 style属性，将css样式写在style属性值里面

            可以书写多个样式 只要用分隔号隔开即可

         优缺点

            优点：有针对性

            缺点：

                 1.结构和表现耦合了

                 2.修改起来很麻烦

第二种方式：内部样式表

         书写位置：head标签内部，写一个style标签，通过选择器选中对应的html结构

              在花括号里面书写css样式，可以书写多组样式，样式之间用；号隔开

              最后一个样式后面可以不加分隔号，但一般加上

         优缺点：

               缺点：复用率不高

第三种方式：外部样式表

         书写位置：在html文件里，新建一个.css文化，在css文件里面通过选择器选中

            对应的html结构，在花括号里面书写css格式，

            然后在head标签内书写一个Link标签将对应的css文件引入到html文件内

css选择器一共有四种

1.元素选择器

2.id选择器

3.class选择器 

4.通配选择器

css复合选择器有两种

分别是交集选择器和并集选择器

 

 css还有关系选择器和属性选择器

元素之间的关系

属性选择器