用Class組合實現Div CSS布局

2021-05-22 03:20:00 字數 811 閱讀 1233

現在編寫xhtml,我們強烈不推薦此種方法,應該是id,class綜合應用。此文章只是講述一種思維,並非建站過程中的方法!

用標準件的方式來組裝網頁div布局。我把class分為2種:布局class;風格class。

布局class是骨架,風格class是衣服。

舉個例子:比如布局中的左欄。首先它的屬性有:是左欄,寬度,背景顏色,字型顏色等。

1、首先會定義乙個class,比如:.layout,主要用來控制頁面整個的大小

.layout

2、然後會定義3個基本布局class(l,m,r)

.l.m

.r我把2欄布局也歸類於3欄布局,因為3欄布局中,左右欄的寬度分別為0的時候,3欄就變成了2欄.

我們寫基本布局**的時候,最好還是寫成3欄格式.

3、對應布局class,定義需要的風格class,比如寬度,高度,背景顏色等等這些都屬於風格元素

.class_l

.class_m

.class_r

布局class只有一套,風格class可以定義很多。比如,要中欄裡面在做乙個小的2欄布局,就可以再定義乙個風格class。

.mid_l

.mid_m

4、將布局class和風格class結合起來,在**這樣引用:

將2個class都引用,中間用空格隔開,前面的是布局class,後面的是風格class,後面還可以繼續空格引用,如果需要再特殊定義,你可以給這個div取乙個id來定義。

其他的一些常用的風格class也可以寫成通用的,比如隱含可以定義為

.hide 然後需要的時候,class="*** hide"來引用

用陣列方式 實現獲取class屬性物件

用陣列方式 實現獲取class屬性物件 var get byclass function sclass,oparent bytagname function elem,obj 1.獲取id元素 2.獲取obj下所有elem標籤 如果沒有obj則取所有elem標籤 3.1定義乙個空陣列aclass 3...

C C 用遞迴實現排列組合

排列組合.cpp include define maxn 1000 define maxm 1000 using namespace std int n,m,a maxn a為輸入的原始陣列 int cnt c,cnt p,cnt a 分別計數 組合情況,全排列情況,排列組合情況 bool is a...

用Class和ClassLoader載入檔案

一 要載入的檔案和.class檔案在同一目錄下,例如 com.x.y 下有類test.class 同時有資源檔案config.properties 那麼,應該有如下 前面沒有 代表當前類的目錄 inputstream is1 test.class.getresourceasstream config...