元素定位属性:
1:在CSS中,position属性用于定义元素的定位模式,其基本语法格式如下:
选择器:{position:属性值}
static:自动定位。
relative:相对定位。
absolute:绝对定位(用绝对定位在父盒子中的话要定义父盒子相对定位)
fixed:固定定位。(相当于浏览器窗口进行定位)
CSS背景:
background-img:url(bgimg.gif):(背景图的优先级高于背景色)。
background-attachment:fixed:
background合写顺序:背景颜色,背景图地址,平铺设置,背景图滚动,背景图位置。
语法:background:#00FF00 url(bgimg.gif)
ie6/7 不支持inline-block
CSS规避脱标:
标准流是很稳定的写法,尽量使用标准流,优先选择标准流,其次选择浮动,最后使用定位。
1:margin-left:auto(不用浮动块级元素也能右移)
2:vertical-align和inline-block的使用。
怎样让一个盒子和文字对齐?
1:可以使用浮动,也可以使用inline-block和vertical-align
i标签:
文字和图片对齐的方法:
display:inline-block
vertical-align:middle
margin-top:-8px(文字上移8px)。
CSS可见性:
overflow:hidden (隐藏超出的一部分)
display:none(不显示元素,同时也不占位置)
visibility:hidden(不显示元素,但是占位置)
CSS精灵技术:
工作原理:css精灵就是将网页中的一些背景图整合到一张大图中。
CSS滑动门技术:
ctrl+alt+n 快速新建文件
ctrl+alt+n+tab 新建文件存放位置
CSS圆角设置:
border-radius:5px
border-collapse:collapse 边框合并