CSS_2

来源:互联网 发布:java -jar 端口 编辑:程序博客网 时间:2024/06/03 04:47

CSS_02

    1.div和span标签

        div标签

            作用:一般用于配合css完成网页的基本布局

        span标签

            作用:一般会配合css修改网页中的一些局部的信息

        div和span的区别?

            1.div会单独的占有一行。而span不会单独的占有一行
            2.div是一个容器级的标签,二span是一个文本级的标签

        容器级的标签和文本级的标签区别是什么?

            01.容器级的 标签中可以嵌套其他所有的标签
            常见的容器及标签:div   h   ul  ol  li  dt  dd...
            02.文本级的标签只能嵌套文字 ,图片,超链接
            常见的文本级的标签:span p  buis strong em ins del..

    2.块级元素和行内元素

        在html中标签分为两类:分别是容器级和文本级;在css中则分为两类:块级元素和行内元素
        什么叫块级元素,什么叫行内元素?
            块级元素会单独占一行
            行内元素不会独占一行
            所有容器级标签都是块级,文本级标签除了p其他大部分都是行内元素。p是块级元素
        块级元素和行内元素的区别
            

                1.块级元素

                    单独占一行
                    如果没有设置宽度,那么默认和父元素一样宽
                    可以设置宽高

                2.行内元素

                    不会独占一行
                    如果没有设置宽,那么默认和内容一样宽
                    行内元素不可以设置宽度和高度

                3.行内块级元素

                    不会独占一行
                    可以设置宽 高

    3.元素显示模式的转换

        通过设置元素的display属性修改元素的显示模式
        格式:        div{                                                display:inline;    }
        取值
            block  块级
            inline    行内
            inline—block 行内块级