DIV+CSS怎么樣改字體樣式

1、先給想要改字體樣式的div加一個class或者id

為福田等地區用戶提供了全套網頁設計制作服務，及福田網站建設行業解決方案。主營業務為網站設計、網站制作、福田網站設計，以傳統方式定制建設網站，并提供域名空間備案等一條龍服務，秉承以專業、用心的態度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

2、用選擇器找到中國div（.class或者#id）

2、在style標簽里給這個div寫css樣式，

!doctype html

html

head

meta charset="UTF-8"

titleDIV+CSS怎么樣改字體樣式/title

style

.one{

font-family:"微軟雅黑";? //把?font-family: "設置字體名稱" 里的字體名稱改成你需要

font-size:12px;? //字體大小

color:red;? //字體顏色

font-weight:normal; //加粗 normal默認值?bold粗體 數值100-900

}

/style

/head

body

div class="one"DIV+CSS怎么樣改字體樣式/div

/body

/html

擴展資料

br換行

bb標簽設置加粗/b

ii標簽設置斜體/i

uu設置下劃線/u

h1最重要的標題H1/h1

h2次要欄目或標題-小標題H2/h2

h3再次要欄目或分類小標題H3/h3

h4文中分類小標題H4/h4

pre定義預格式化文本，空格和換行會保留，常常應用于表示計算機的源代碼。/pre

怎樣定義一個DIV里的元素的CSS樣式

有三種常用方式：1、通過id 例：style#test{color:red;}/stylediv id="test" test/div

2、通過類名 例：style.test{color:blue;}/stylediv class="test" test/div

3、直接放在div標簽里 例：div style="color:purple" test/div

DIV+CSS樣式 的好處!

導讀（內容太多了- -！）：

第一部分，你可以去看看使用CSS的華麗效果，用table做不到的哦

第二部分，這是我自己的總結，比較片面，不過那個例子應該很好懂

第三部分，網上搜索到的總結，全面，我能看懂得部分加了點小備注

第一部分：

有一個網站叫CSS禪意花園（鏈接見參考資料，英文網站，點擊select a design下面的超鏈接可以切換CSS），網站只有一個HTML頁面，但是有幾百個CSS文件，點擊超鏈接可以切換該網頁使用的CSS文件。切換了CSS后頁面的樣子完全變了，變成另外一個迥然不同的風格，文字的位置也全部發生了變化。你看了以后就知道DIV+CSS的好處了。。

如果像以前那樣用table來排版，想要做出這種完全不同的風格你就只能重新寫HTML。

第二部分：

從網頁美工和網站維護人員的角度（因為我是做這個的- -！）來說，使用css：

1、便于頁面的修改。

2、便于頁面風格的統一。

3、減少網頁的體積。

舉例：

假設你有100個頁面，每個頁面的風格都是一樣的，里面都有10個表格。

如果你全部用html來做，就需要給所有的頁面的表格里寫表格的邊框顏色、背景顏色、文字大小(假設這些外觀代碼要使用3行)，那么你就要給1000個表格寫這些東西（你就要寫3000行。。）。這里面所有的外觀設置都是重復的。以后你打算改變表格的風格，你就要改1000個表格。

但是如果你結合HTML和CSS來做，你就可以在每個頁面上加上一句

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

然后在table.css這個文件里寫上

table{

border:1px solid #ddd;

background:#eee;

font-size:12px;

}

然后你這1000個表格就看起來都一樣了。這里只需要寫3行代碼。

以后你要修改表格，只需要修改table.css里面的這3行代碼。

第三部分：

從所有人的角度來說（這是我查到的。。），CSS的優點有：

1 縮減代碼，提高頁面瀏覽速度

2 結構清晰，對搜索引擎更加友好（貌似這就是樓上說的SEO）

3 支持各種瀏覽器，兼容性好（不同瀏覽器解析出來的樣子一般是不一樣的，一想到這個我就頭大）

4 簡單的修改，縮短修改時間（恩，這點我想到了）

5 強大的字體控制和排版能力（是的。。不需要一頁一頁去改字體，可以統統一起改，而且有行高、段前空白這些功能）

6 使用CSS可以結構化HTML，提高易用性

7 更好的擴展性（你可以在頁面里引入多個CSS樣式表，某個樣式表是電腦專用，某個樣式表是手機專用，某個樣式表是打印的時候專用）

8 更靈活控制頁面布局（表格控制布局就很死板啦，不能隨便改來改去的）

9 內容和表現分離，干凈利落（網頁內容在HTML里，網頁的樣式內容在CSS里）

10 更方便搜索引擎收錄，獲得更高評價（貌似又跟SEO有關）

11 優化表結構

12 更快加載有圖片的頁面

怎么定義1個DIV的CSS樣式？

兩個DIV,ID分別是aa,bb，則：

div id='aa'/div

div id='bb'/div

那么分別給這兩個div加上樣式，可以這樣寫：

#aa{color:#f00;}---這個定義了id為aa的div的樣式

#bb{color:#0f0;}---這個定義bb的樣式

使用符號“#”則對應了div的id屬性。

如果不是根據id屬性來定義，例如多個div需要使用同樣的樣式的話，由于同一個頁面id屬性是唯一的，所以需要通過下面方式來定義樣式：

div id='aa' class='red'紅色/div

div id='bb' class='red'紅色/div

div id='cc' class='blue'藍色/div

----樣式定義這樣寫：

.red{color:#f00;}

.blue{color:#00f;}

這里樣式名稱前面的符號是"."，則通過div里面的class屬性來匹配樣式不過，在HTML如果是這樣。

div id="a"

pdfsad/p

/div

div id="b"

padasdfas/p

/div

如果要控制id為a中的p的話，可以把CSS的選擇器寫成

#a p{

各種樣式;

}

CSS中用空格來表示是在#a當中的p

div+css如何讓一個div塊不受整體的css樣式控制

1、新建一個html文件，命名為test.html。

2、在test.html文件內，使用css對div進行初始化，設置其內外邊距都為0，并讓div浮動向左。

3、在test.html文件內，創建一個div，并設置其class屬性為xx，用于下面定義其css樣式。

4、在test.html文件內，使用css設置類名為xx的div樣式，設置其寬度、高度都為300px，背景顏色為紅色。

5、在test.html文件內，在上面div的內部，再創建一個div，并設置其類名為ss。

6、在test.html文件內，使用css設置類名為ss的div樣式，設置其高寬為100px，背景顏色為白色，上邊距為100px，左邊距為100px。