CSS尺寸和边框

2018-08-29 10:27:20 浏览数 (2)

.css单位

        1.尺寸单位

            1.  px  像素(由一连串的点来组成,像素越高点越多)

            2.  %    相对单位

            3.  mm   毫米

            4.  cm   厘米

            5.  in   英寸  1in=2.54cm

            6.  pt   磅    1pt=1/72英寸(字体大小)

        2.颜色单位

            1.英文单词

            2.十六进制(由6个十六进制数组成)

                0-9 A-F

                #abcdef   浅蓝色

                #ffffff   白色  缩写  #fff

                #cccccc   灰色  缩写  #ccc

            3.rgb(red,green,blue)

                red:  0-255   255代表满色  

                green: 0-255  255代表满色 

                blue: 0-255   255代表满色 

                rgb(255,0,0)    红色

                rgb(0,255,0)    绿色

                rgb(0,0,255)    蓝色

                rgb(0,0,0)      黑色

                rgb(255,255,255) 白色

            4.rgba(red,green,blue,透明度)

              透明度

                取值  0-1 

                0    代表全透明 

                1    代表不透明

    2.尺寸属性

        1.作用

            用于设置元素的宽高

        2.属性

            width:宽

            height:高

        3.哪些元素能设置宽和高?

            1.块元素:能设置   div p h1-h6  ul ol 

            2.行元素:不能设置  a span i u del

            3.行内块元素:input

        4.溢出处理

            1.什么是溢出

                超出宽和高的范围

            2.属性

                overflow

                overflow-x  :水平溢出

                overflow-y  :垂直溢出

                取值

                    visible   代表溢出显示(默认)

                    scroll    代表出现滚动条

                    auto      代表自动

                    hidden    代表溢出隐藏

代码语言:javascript复制
 div{width:300px;
 height:100px;
 
 overflow-x:scroll;
 
 }
 
 P{
 width:600px;
 height:80px;
 
 }    /*div是整个页面尺寸,当div包含的p尺寸大小超过自身时候溢出才出现滚动条,一般overflow的取值为auto*/

0 人点赞