前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >CSS尺寸和边框

CSS尺寸和边框

作者头像
十月梦想
发布2018-08-29 10:27:20
1.6K0
发布2018-08-29 10:27:20
举报
文章被收录于专栏:十月梦想

.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*/
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-10-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档