CSS的樣式結合應用

2021-07-14 03:55:03 字數 1864 閱讀 3085

list

-style

-type: none;

list

-style

-image: url(1.png);

}

border-bottom

: #0c0 double 6px;

/*虛實線*/

border-left

: #0c0 solid 6px;

/*實線*/

border-right

: #0c0 solid 6px;

border-top

: #0c0 solid 6px;

width

: 500px;

}table

td

除了**,其他只要是區域都可以設定邊界屬性(div)

**中輸入效果

hljs scss">    

name:"text"/ class="ced">

number:"text"/ class="ced">

password:"text"/ class="bef">

單元格二一

單元格二二

單元格二三

/*in html*/

input.ced

input

.bef

/*in third.css*/

view the code.

div+css

use html and id selector

height

: 100px;

width

: 200px;

border

: #09f solid 2px;

}

#div-2

#div-3

body

a:漂浮float|none|left|right

*none:預設不漂浮

*left:文字流向物件右邊

*right:文字流向物件左邊

background-color

: #000;

color

: #fff;

float

: left;

}

clear:none|left|right|both

left:不允許左邊有浮動物件

right:不允許右邊有浮動物件

both:不允許有浮動物件

b:定位position

position:static|absolute|fixed|relative

static|預設

absolute|絕對:從文件流中拖出,漂浮在空中

background-color

: #000;

color

: #fff;

position

: absolute;

top: 50px;

left

: 200px;

} //可以飛動;

沒有指定父本,相對body而言

fixed|

relative|物件不可層疊,在正常的文件流中偏移位置。

background-color

: #000;

color

: #fff;

position

: relative;

top: 50px;

left

: 200px;

}

c:**混排

d:影象簽名

CSS和JS結合控制樣式

css控制樣式,毋庸置疑。但有時,僅靠css卻很難控制好,比如說,頁面在多種條件下進行不同的呈現 或者執行過程中,會發生變化,比如說,左側的選單欄收縮了,那麼右側的寬度就變大了。就拿這個元素的width height來說,頁面變了,預先設定的值就不合適 甚至乎,從一開始,你就不知道該預先設定什麼值,...

css樣式層疊的應用

今天做了乙個專題頁,應用到了css的特殊性和繼承。其實疊層樣式就是通過繼承和特殊性來實現的。邏輯結構如下 div.content div.bgb.con1 div.bgb.con2 解釋 1.設計圖是乙個年貨專場,分為自提商品和快遞商品兩塊。中用con1和con2來表示。自提商品和快遞商品塊中都有背...

控制項 應用css樣式

html view plain copy print?asp menu id mnutopmenu runat server dynamicenabledefaultpopoutimage false dynamichorizontaloffset 1 font bold false orienta...