.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*/