属性值:
如果你想让一个元素完全去除外边框和内边框,你可以只使用无单位的0——因为0就是0,不管单位是什么!
margin: 0;
像素 (px) 是一种绝对单位(absolute units), 因为无论其他相关的设置怎么变化,像素指定的值是不会变化的。
line-height
,设置元素中每行文本的高度。你可以使用单位设置特定的行的高度,但使用一个无单位的值往往更容易,它就像一个简单的乘法因子。
通过CSS——opacity
属性。与设置某个特定颜色的透明度相比(rgb(0,255,255,0.5)),这会设置所有选定元素以及它们的孩子节点的不透明度(div:{background-color:rgb(0,255,255);opacity:0.5})
一.尺寸单位
1.px:像素
1024*768
2.in:英寸
1in=2.54cm
3.pt:磅(1pt=1/72in)
多数用于表示文字的大小
4.cm:厘米
5.mm:毫米
6.em:相对于父元素乘以倍数(多个父元素2em)
7.rem:根相对(元素字体大小乘以倍数,html\body)
二.颜色单位(颜色取值)
1.英文单词
red,blue,gray,green,yellow,black....
2.rgb(r,g,b)
r:0-255
g:0-255
b:0-255
3.rgba(r,g,b,alpha)
alpha:透明度,取值为0-1之间的小数,值越大,不透明度越高
4.#rrggbb
由6位16进制的数字\字母表示一个颜色
0-9或A-f
#000000:黑色
#ffffff:白色
#eeeeee:灰色
#ff11aa
5.#rgb是上面的缩写形式
#000:黑色
#fff:白色
#f1a
三.尺寸属性
1.作用
设置元素的宽度和高度
2.语法
1.宽度
width:宽度
min-width:最小宽度
max-width:最大宽度
2.高度
height:高度
min-height:最小高度
max-height:最大高度
3.页面中哪些元素允许设置尺寸属性
1.所有的块级元素都允许设置尺寸
div,p,h1,h2..h6,ul,ol,dl,结构标记
2.本身具备width和height属性的行内元素是可以设置的
img,table
3.行内块允许设置尺寸(inline-block)
大部分的表单控件(单选按钮,复选框)
4.大部分的行内元素是无法设置尺寸
a,span,b,i,u,s等
3.溢出处理
当内容多,元素区域小的时候,就会产生溢出的效果,默认都是纵向溢出。
属性:overflow,overflow-x,overflow-y
取值:
1.visible
可见的,默认值,溢出可见
2.hidden
隐藏的,溢出的内容全部隐藏,溢出内容不可见
3.scroll
显示滚动条,溢出时,可用
4.auto
自动,溢出时才显示滚动条并可用