css

       css 样式表

            <a style=" "> 属性样式

            <style>内部样式

             <link> 引用样式

        

        1、css是什么？

        2、css引用样式表的三种方式

        3、外部引用有什么优点？

        4、如果三种样式表同时作用于一个元素，优先级谁高谁低？

               就近原则，谁离元素最近，作用某一个样式。

        5、层叠

                    多个样式表作用于一个元素时，首先筛选有没有重复的属性，

                    有的话就就近 元素

        

        id选择器：#表示选中id属性，id对应的属性值

        

        #p1{

                   

               }

    

          class选择器：表示同一类元素的相同样式，class可以重复，

        1、行级元素和块级元素

           

        块级元素：

                           块级元素独占一行，块级元素的后面无法再放任何的内容

                            从页面布局和外观显示来看，一个网页的布局就类似于一片报纸的排版。

                            首先将网页分成大的模块。然后在模块里面再分成小的模块。

                            所以块级元素多用来布局。

       行级元素： 

                            只占一小块空间，后面可以继续放内容

                            行级元素也成为行内标签，内联标签，使用块级元素将网页结构搭建好了后，

                            使用行级元素来排版。

    

        行级元素和块级元素的区别

                        块级元素独占一行，比较霸道。行级元素共享一行

                        块级元素支持高和宽，行级元素不支持高河宽。行级元素的高和宽有内容来决定。

                        块级元素常常作为容器。可以容纳其他的行级元素和块级元素。行级元素一般用过来组织内容。

                        即容纳文字，图片，超链接

        

        块级元素

                        div、p、h、hr、table、u1、ol、form、

        

         行级元素

                        a、span、label、input、textarea、br、img、

        

        标准文档流：

                        只在不使用定位或者特殊的css排版的时候，各个元素排列规则，css规定网页元素默认排列方式

                

            设置负的margin可以破坏文档流，元素还处于标准文档流中

            position： relative ———将当前元素设置为相对定位

            left：100px

            top：100px

            

            设置元素相对定位：   position： relative

                1、不影响元素本身的特性

                2、破坏当前的文档流，但是不会脱离文档流

                3、如果没有设置偏移量，元素是不会移动的

                4、left、top、right、bottom

                

                 position：四个值： relative 、static 、fixed、absoluted

        

              position:absolute:

                1、设置绝对定位要脱离文档流,默认漂浮在页面左上角

                2、文档>html>body

                3、设置绝对定位后元素不会再占据原来的空间，也不会影响标准文档流的继排列

                4、默认给元素设置一个display：inline——block

            float：可以让块级元素在一行像是：left  right

                1、脱离文档流

                2、后面元素碰到前面元素的边界就停止下来，碰到父类的边界停止下来

                3、默认加上 display：inline——block

            clear：both  

               清除浮动：

                            clear：left  rlght  both

            清除浮动不是取消浮动，只是分隔上面对下面元素的影响