国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

現(xiàn)代瀏覽器中ctrl+u 用于切換是否顯示柵格

960的demo分為三個(gè)部分，分別展示了幾種class的用法：

top部分

分為兩豎條，24格系統(tǒng)中一條以30開始，40遞增

container_24說明將960px分為24欄豎條。實(shí)際使用950px，左右兩邊還有5px的白邊

grid_xx說明占多少欄豎條

空白條10px

css實(shí)現(xiàn)：

.grid_xx{  display:inline;//防止ie6的double margin float bug  float:left;  margin-left:5px;  margin-right:5px;}.container_24 .grid_1 {    width: 30px; }

16格系統(tǒng)中是40的豎條 20的間隔

middle部分

30的豎條

使用prefix_xx和suffix_xx來表明占用的前后需要空有多少豎條，故prefix_xx+suffix_xx=23

css實(shí)現(xiàn)

.container_24 .prefix_1{    padding-left: 40px;}.container_24 .suffix_1{    padding-right:40px;}

使用效果：

注意這個(gè)部分每行class應(yīng)該滿足grid+prefix+suffix=24

bottom部分

只有兩種

使用push_xx和pull_xx來改變div顯示順序

顯然左右與代碼順序相反

css實(shí)現(xiàn)：

.push_xx .pull_xx{  position:relative; }.push_xx{  left: xx px; }.pull_xx{  left:-xx px; }

使用alpha和omega來取消grid_x的左右白邊，主要用于父容器內(nèi)的子元素

css實(shí)現(xiàn)：

.alpha{  margin-left:0; }.omega{  margin-right:0; }

clear部分

最后是和浮動(dòng)元素相關(guān)的clear問題

原來采用div class=“clear”方法

css代碼:

.clear{  clear:both;  display:block;  overflow:hidden;  visibility:hidden;  height:0;  width:0;}

由于必須引入多余的div，故采用clear-fix方法

.clearfix:after{  clear:both;  content:’’;  display:block;  font-size:0;  line-height:0;  visibility:hidden;  width:0;  height:0;}

上面采用after假類形成插入div clear一樣的效果。

* html .clearfix,                            //ie6*:first-child+html .clearfix{      //ie7  zoom:1; }

消除ie6,7的問題 ie5不再考慮了