记录css属性
<1>box-sizing属性:
例子:
div{
box-sizing:border-box;
-moz-box-sizing:border-box;/* Firefox */
-webkit-box-sizing:border-box;/* Safari */
}
属性值:
content-box:高度和宽度应用于元素的内容框,并在内容框外绘制内边距和边距,是默认行为
border-box:高度和宽度决定了元素的边框盒,内边距和边距在边框盒内进行绘制
<2>top属性(用于计算元素上边缘距离其包含元素上边缘的距离)
属性值:
auto:默认值,浏览器计算上边缘的距离;
length:使用px,cm计算上边缘距离,可使用负值;
%:使用百分比计算上边缘距离,可使用负值;
innerit:通过继承获取元素上边缘距离;
<3>margin-top属性(计算元素的上外边距)
属性值:
auto:默认值,浏览器设置的上外边距;
length:使用px,cm计算上外边距,可使用负值;
%:使用百分比计算上外边距,可使用负值;
innerit:通过继承获取元素上外边距;
<4>text-align属性(设置文本对齐方式)
属性值:
left:默认值,文本向左对齐;
right:文本向右对齐;
center:文本居中对齐;
justify:文本两端对齐;
<5>border-radius属性(设置元素圆角)
属性值:
length:设置圆角形状;
%:以百分比的方式设置圆角的形状;
<6>cursor属性(规定鼠标显示类型)
<7>bottom属性(设置元素底部边缘)
<8>backgroud-repeat属性设置(判断背景图片是否平铺)
repeat:平铺;
repeat-x:横向平铺;
repeat-y:纵向平铺;
no-repeat:不平铺;
<9>line-height属性(设置行间距)
<10>background-size属性(设置背景图片的尺寸)
length:设置背景图片的尺寸;
percentage:以父元素的百分比设置背景图片的尺寸;
cover:将背景图片扩大到足够覆盖视图;
contain:将图片扩大到尺寸完全适应视图尺寸;
<11>background-attachment属性(设置背景图片跟随滚动轴的移动方式)
scroll:背景图片跟随滚动轴移动;
fixed:背景图片固定于视图;
<12>text-decoration属性(设置文本的修饰)
none:默认值,默认不修饰;
underline:文本下一条线;
overline:文本上一条线;
line-through:文本中一条线;
blink:文本闪烁;
<13>!important标记(用于标记区分firefox和ie6)