DIV CSS使用技巧

2021-10-10 21:30:00 字數 1069 閱讀 2564

css變數使用:

css識別符號:–, sass識別符號:$,less識別符號:@

變數只能用作屬性值,不能用作屬性名。用var(變數名,預設值)來取。

body

.a

直接更改css樣式內容:

document.body.style.csstext + =background-image:url($ );

div相關知識

position常用的四種:

1.static:預設定位

2.relative:相對定位

3.absolute:絕對定位

寬度和高度必須設定具體值,設定auto無效。寬度自適應:left:0,right:0

4.fixed: 固定定位

"position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#ff0000;text-align:right;"

>

圖一<

/div>

"position:absolute;z-index:3;left:0;top:0;width:200px;height:100px;background-color:#ffff00;text-align:right;"

>

圖二<

/div>

"position:fixed;z-index:2;left:0;top:0;width:300px;height:200px;background-color:#00ff00;text-align:right;"

>

圖三 fiexed

使用div css布局

使用div css布局 1.如何實現固定寬度且居中的版式?container 這樣設定後在頁面的body中頂層放置乙個container層就能實現固定寬頻且居中的版式,頁面所有的內容都在這個層中。注意,這個container是最頂層,其他的所用層都要巢狀在這個層中。一般來說,將這個最頂層設定為絕對寬...

div css製作網頁經驗技巧集錦

讓你使用div css排版 不是讓你用換個標籤然後再去按照 的方式去排版而是做到內容與表現的分離。1 id用於標識頁面單獨元素以及持久行的結構性元素 方便js的呼叫 類用於標識同一頁面可重複定義使用的結構性元素 id與類的命名需與表現形式無關 leftcontent 而使用有意義的定義方式 side...

div css小技巧 持續更新中

最近的學習中積累了一些關 於div css的小技巧,感覺雖然不是很難,但是如果不知道的話,確實需要很長時間去查。1div中文字垂直居中 網上有很多種,剛哥提醒我使用label,最後使用的是div巢狀table。感覺還是在table中容易實現對字型的操控 開課學院 2首行縮排2個字的距離 課程 效果圖...