一、CSS與HTML的四種結(jié)合方式：

/*方法一：使用標(biāo)簽中的style屬性*/

/*方法二：使用style標(biāo)簽*/

css代碼;

div {

background-color:blue;

color: red;

}

/*方法三：使用@import語(yǔ)句*/

在style標(biāo)簽里面 使用語(yǔ)句(兼容性差)

@import url(css文件的路徑);

@import url(div.css);

/*使用頭標(biāo)簽 link，引入外部css文件*/

優(yōu)先級(jí)：一般情況下，由上到下，由外到內(nèi)。優(yōu)先級(jí)由低到高。

二、CSS的三種基本選擇器

標(biāo)簽選擇器：

使用標(biāo)簽名作為選擇器的名稱

div {

background-color:gray;

color:white;

}

class選擇器：

每個(gè)html標(biāo)簽都有一個(gè)屬性 class

aaaaaaa

.hhh {

background-color: orange;

}

id選擇器：

每個(gè)html標(biāo)簽上面有一個(gè)屬性 id

bbbbb

#hhh {

background-color: #333300;

}

優(yōu)先級(jí)：style > id選擇器 > class選擇器 > 標(biāo)簽選擇器

三、CSS的擴(kuò)展選擇器

關(guān)聯(lián)選擇器

wwwwwwww

設(shè)置div標(biāo)簽里面p標(biāo)簽的樣式，嵌套標(biāo)簽里面的樣式

div p {

background-color: green;

}

組合選擇器

1111

22222

把div和p標(biāo)簽設(shè)置成相同的樣式，把不同的標(biāo)簽設(shè)置成相同的樣式

div,p {

background-color: orange;

}

偽元素(偽類)選擇器(兼容性差)

css里面提供了一些定義好的樣式，可以拿過(guò)來(lái)使用

比如超鏈接

超鏈接的狀態(tài)

原始狀態(tài) 鼠標(biāo)放上去狀態(tài) 點(diǎn)擊 點(diǎn)擊之后

:link :hover :active :visited

測(cè)試偽類元素選擇器

a:link{

background-color:#33cc00;

}

a:hover{

background-color:#ff00ff;

}

a:active{

background-color:#0066ff;

}

a:visited{

background-color:#999900;

}

四、CSS中的盒子模型

在進(jìn)行布局前需要把數(shù)據(jù)封裝到一塊一塊的區(qū)域內(nèi)(div)

有三個(gè)屬性：

(1)邊框

border: 2px solid blue;

border：統(tǒng)一設(shè)置

上 border-top

下 border-bottom

左 border-left

右 border-right

(2)內(nèi)邊距

padding:20px;

使用padding統(tǒng)一設(shè)置

也可以分別設(shè)置上下左右四個(gè)內(nèi)邊距

(3)外邊距

margin: 20px;

可以使用margin統(tǒng)一設(shè)置

也可以分別設(shè)置上下左右四個(gè)外邊距

五、CSS的布局

css的布局的漂浮

float：

屬性值

left :　 文本流向?qū)ο蟮挠疫?/p>

right :　 文本流向?qū)ο蟮淖筮?/p>

css的布局的定位

position：

屬性值

absolute ：

*** 將對(duì)象從文檔流中拖出

*** 可以是top、bottom等屬性進(jìn)行定位

relative ：

*** 不會(huì)把對(duì)象從文檔流中拖出

*** 可以使用top、bottom等屬性進(jìn)行定位

更多CSS樣式可以參考該博文：css樣式大全(整理版)

總結(jié)

以上是生活随笔為你收集整理的java的css的块_JavaWeb--了解CSS的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。