怎么將DIV添加進CSS里面

將DIV添加進CSS里面,首先我們需要給這個div一個id或者是class,然后獲取這個元素的id或者是class，css中書寫樣式就行了，如果是通用樣式的話，我們就可以直接寫div，然后加樣式就行，請看代碼：

成都創(chuàng)新互聯(lián)公司從2013年成立，先為清鎮(zhèn)等服務(wù)建站，清鎮(zhèn)等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為清鎮(zhèn)企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

html

head

style

#div1{ //Id的寫法

width:300px;

height:30px;

font-size:13px;

}

.div1{ //class寫法

width:300px;

height:30px;

font-size:13px;

}

div{ //通用樣式寫法

width:300px;

height:30px;

}

/head

body

div id='div1' class='div1'

p我是測試文字/p

/div

/body

/html

如何給動態(tài)生成的div加css樣式

動態(tài)生成的div也是要放在一個父級元素中的吧

假設(shè)動態(tài)生成的div欲放在id="a1"或class="b1"的元素中時，可以用包含包含選擇符定義樣式，如下：

#id

div{width:100px;

height:100px;}

.b1

div{width:100px;

height:100px;}

如果層級比較多的，還是建議在動態(tài)生成時將樣式選擇符加在標(biāo)簽中。

救命，如何用js給div標(biāo)簽添加css屬性，當(dāng)鼠標(biāo)事件發(fā)生的時候，譬如點擊某個元素

需要準(zhǔn)備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如：index.html，編寫問題基礎(chǔ)代碼。

2、在index.html中的script標(biāo)簽，輸入js代碼：$('div').click(function () {$(this).css('color', 'blue');});。

3、瀏覽器運行index.html頁面，此時點擊123所在的div，div會變?yōu)樗{色文本。

div+css如何添加到html中？

有3種方式可以將css定義的樣式加到HTML里。

1.外聯(lián)

在HTML里加一個超連結(jié)連到外在的CSS文檔，這個方法最方便管理整個網(wǎng)站的網(wǎng)頁風(fēng)貌。它讓網(wǎng)頁的文字內(nèi)容與版面設(shè)計分開，只需要在一個CSS文檔內(nèi)定義好網(wǎng)頁的外觀風(fēng)格，所有參考連結(jié)到此 CSS 檔的網(wǎng)頁，便會依照指示，反應(yīng)出定義好的風(fēng)格。

它的寫法是： HTML

HEAD

TITLE/TITLE

LINK REL="stylesheet" HREF="" TYPE="text/css"

/HEAD

2. 嵌入

在 HTML的HEAD/HEAD標(biāo)簽間，加一段CSS定義

這個方法適用于指定某個網(wǎng)頁，除了展現(xiàn)外在的 CSS 檔定義好的網(wǎng)頁風(fēng)格外，同時還要展現(xiàn)本身HTML內(nèi)定義的CSS樣式。

如果內(nèi)在定義的CSS定義與外在連結(jié)的CSS定義相沖突的話，網(wǎng)頁的樣式將以內(nèi)在定義的CSS定義為主。

它的寫法是： HTML

HEAD

TITLE/TITLE

STYLE TYPE="text/css"

div{

font: 12pt

font: 16pt

font-weight: bold;

color: green

}

/STYLE

/HEAD

BODY

div內(nèi)容/div

/BODY

/HTML

3.內(nèi)聯(lián)

在HTML的字里行間中加入CSS定義。

這個方法適用于指定網(wǎng)頁內(nèi)的某一小段的樣式。

如果內(nèi)聯(lián)CSS定義與HEAD內(nèi)在定義的CSS或外在連結(jié)的CSS定義相沖突的話最終的樣式將以內(nèi)聯(lián)的CSS定義為主。

它的寫法是： HTML

HEAD

TITLE/TITLE

/HEAD

BODY

P STYLE="color: red"內(nèi)容 /P

/BODY

/HTML

上面的3種CSS引入方式可以同時并用，也可以單一或成雙地使用。如果各CSS間的定義相沖突，則嵌入定義的CSS會蓋過外聯(lián)連結(jié)的CSS，內(nèi)聯(lián)的CSS會蓋過嵌入定義的CSS。

用css怎么設(shè)置div滾動條的樣式，可改變大小的

在css設(shè)置可改變大小的div滾動條樣式方法：

1.首先新建html文檔，進入代碼書寫界面。

2.在/head和body的里面寫入代碼，在div里面寫入想要輸入的內(nèi)容/div。

3.書寫外層軌道css代碼。body::-webkit-scrollbar { width:20px; height:2px; background:#ccc; border-radius:10px;/*外層軌道*/}

這里主要是設(shè)置外層軌道的形狀和顏色。

4.書寫內(nèi)層軌道css代碼。body::-webkit-scrollbar-thumb{ display:block; width:6px; margin:0 auto; border-radius: 10px; background:red;/*內(nèi)層軌道*/}

這里主要是設(shè)置內(nèi)層軌道的形狀和顏色。

5.代碼工作做完后，就可以查看效果，效果如下紅框所示，滾動條設(shè)置完成。

怎么用div布局加css樣式做網(wǎng)頁

方法/步驟

1

在桌面建立一個index.htm的文件和main.css的文件，當(dāng)然你也可以不用main.css的文件，但是為了方便操作，還是建一個吧。只要把記事本另存為就可以了。

2

做好這兩個文件后我們把網(wǎng)頁的基礎(chǔ)代碼寫上去，并使index文件受到main.css的控制，我們右鍵選擇用記事本打開index文件輸入代碼，并在head里寫上link href="main.css" type="text/css" rel="stylesheet"使它受到main.css控制

html

head

title/title

/head

body

/body

/html

3

下面我們?nèi)ain.css寫一些屬性看看是不是能控制index文件。我希望整個頁面是粉色的，看上去溫馨，我在main.css里寫上*{background:#FF66FF}看看。我們打開index文件看看是不是在瀏覽器上是不是粉色的。在瀏覽器上是粉色的，表示已經(jīng)受到css樣式表的控制了。

4

下面我們進行布局一般網(wǎng)頁都是3層一級，所以我們需要div布局了在body里面寫一般我會先分為3層

html

head

title/title

link href="main.css" type="text/css" rel="stylesheet"

/head

body

div id="top"

div id="top1"/div

div id="top2"/div

div id="top3"/div

/div

/body

/html

5

布局好后我們需要去定義屬性了，這里我只是簡單的定義了一下

*{background:#FF33FF}

#top{background:#FFFF99; height:1000px; width:800px; margin-left:auto; margin-right:auto}

#top1{background:#66FFFF; height:50px; width:800px;}

#top2{background:#FF00CC; height:400px; width:800px}

#top3{background:#FF9933; height:550px; width:800px}

定義好了我們打開預(yù)覽一下看看，圖片是不是居中和分成3塊了。當(dāng)然，顏色只是為了方便看清楚，可以不寫。

6

其實做網(wǎng)頁就是不斷的畫框，只要知道布局和定義屬性就可以了，下面我們就整個做一下，因為我的有一些是一樣的，可以用class調(diào)用，class=baidu這個只是隨便寫的，你愛等于什么就等于什么

html

head

title/title

link href="main.css" type="text/css" rel="stylesheet"

/head

body

div id="top"

div id="top1"這里都是我截圖的照片/div

div id="top2"

div class="baidu"/div

div class="baidu"/div

/div

div id="top3"

div class="baidujingyan"/div

div class="baidujingyan"/div

/div

/div

/body

/html

7

下面我們再去定義他的屬性，當(dāng)然我只是簡單的定義一下

*{background:#FF33FF}

#top{background:#FFFF99; height:1000px; width:800px; margin-left:auto; margin-right:auto}

#top1{background:#66FFFF; height:50px; width:800px; text-align:center; line-height:50px; font-size:30px}

#top2{background:#FF00CC; height:400px; width:800px}

#top3{background:#FF9933; height:550px; width:800px}

.baidu{background:#FF6666; height:380px; width:380px; float:left; margin:10px}

.baidujingyan{background:#FFCC00; height:530px; width:380px; float:left; margin:10px;}

8

因為我這個是我截圖相冊的網(wǎng)頁，下面我們就放照片吧，這里我偷個懶，把照片都放在桌面了，所以不用連接照片地址了。

html

head

title/title

link href="main.css" type="text/css" rel="stylesheet"

/head

body

div id="top"

div id="top1"這里都是我老婆的照片/div

div id="top2"

div class="baidu"img src="QQ圖片20141212090452.jpg"/div

div class="baidu"img src="QQ圖片20141212090346.jpg"/div

/div

div id="top3"

div class="baidujingyan"img src="QQ圖片20141212090224.jpg"/div

div class="baidujingyan"img src="QQ圖片20141212090255.jpg"/div

/div

/div

/body

/html

如果圖片不在同一層目錄，就需要連接到圖片地址

9

這樣一個網(wǎng)頁就做好了，如果需要制作精美的網(wǎng)頁，就需要不斷的進行div布局和css樣式的規(guī)定了。

10

下面我來說說網(wǎng)頁制作的定義，網(wǎng)頁的制作只要會使用div不停的布局，不停的定義他的屬性，基本靜態(tài)的網(wǎng)頁就是這樣做出來的