margin padding border:
1.当属性值为0的时候,不需要在后面添加单位
2.当同时出现top margin以及bottom magin的时候,浏览器应用较大的哪一个
3.不能在行内元素的上下设置padding以及margin,只能够设置左右
但img标签是个例外
4.Css允许给任何元素设计圆角(从左上角开始,顺时针进行),但前提是该元素有背景色或者边框
5.圆角border-radius:x x x x(左上,右上,右下,左下);x x(左上角右下角,右上角左下角)
椭圆:border-radius:40px/20px(水平方向/垂直方向)
圆形:border-radius:40px
6.属性的前缀:适配不同的浏览器
-webkit- :chrome,Safari
-moz- :Firefox
-o- :Opera
-ms- :IE
7.box-shadow:水平偏移量 垂直偏移量 阴影半径 阴影颜色
还有两个可选项,insert-----第一个值(告诉浏览器将阴影画在方框内部)
spread----第四个值(添加一个阴影的尺寸)
8.修改浏览器计算元素的屏幕宽度以及高度:
box-sizing:border-box -----------------(IE7暂时不支持)会自动调整到适应不同设备的尺寸,当元素的宽度设定为50%的时候,该元素就会占据50%的空间,即使添加了border以及padding也一样
*{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;}
9.使用overflow属性控制溢出文本
visible:
scoll:添加滚动条,即使没有超出,滚动条也会出现
auto:滚动条是可选的,与scoll一样,只是它是在只有需要的时候才会出现
hidden:掩藏任何超出盒子的那部分内容
10.使用min-height:要使该元素至少达到某一高度值,如果里面的内容超出了这个高度,则浏览器会使整个元素变高
11.在浮动元素中,都应该设置元素的宽度
12.想让边框样式或者背景在遇到浮动元素的时候消失,则需要找到该样式,添加代码overflow:hidden
13.清除浮动:clear属性会指示元素不要包围浮动项目,清除浮动的时候,本质上是迫使它落到浮动项目的下方
14.如果只设置了body的背景色,则背景色会填充整个屏幕,但如果不仅body中设置了背景色,html中也设置了,则body的背景色只会填充内容
给网页添加图片:
1.background-attachment: scroll--------随文本一块滚动 ; background-attachment: fixed-----固定在一个位置上