《CSS學習教程 學習CSS的寬度width》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302333262013.htm
--> [網(wǎng)站建設(shè)之]CSS學習教程:學習CSS的寬度width ,CSS字體：詳解font屬性

Tag：學習   教程    

二、Html初始寬度與DIV+CSS寬度對比
1、傳統(tǒng)html中寬度width=",css字體設(shè)置(不同瀏覽器設(shè)置效果);300"，即設(shè)置對應(yīng)元素寬度為300px（像素）。而寬度值后無需跟單位，默認情形下以像素（px）為單位。
如：<td width=",CSS如何自定義滾動條樣式;300">,CSS如何控制標題字符多余部分用…省略號表示;我的寬度為300px</td>
即：設(shè)置了對應(yīng)表格td的寬度為300px.
2、div css中寬度設(shè)置width:300px;，即設(shè)置對應(yīng)CSS樣式為300px，這里需要跟單位。
如：#header{ width:300px;}
即：定義header CSS抉擇器樣式為300px寬度,CSS外部引用使用link與import的區(qū)別。
而在標簽應(yīng)用：<div id="header">我的寬度為300px寬度</div>

CSS 寬度--CSS width

這樣即設(shè)置內(nèi)容居中，為了便利測試加上1px玄色邊框。大家能夠測試察看其內(nèi)容是隨瀏覽器拉大而寬度變寬而自適應(yīng)寬度80%，而左右兩邊始終有10%寬度留著，由于設(shè)置此box寬度為80%。

三、css寬度演示與講授
1、CSS 寬度自適應(yīng)
常常我們看見一個網(wǎng)頁寬度隨瀏覽器寬度改變而主動轉(zhuǎn)變，如www.jzxue.com一樣，寬度是自適應(yīng)寬度。這里運用了百分比即可實現(xiàn)自適應(yīng)寬度。
假如網(wǎng)頁總寬度為80%即width:80%;，將使此寬度曉得自適應(yīng)寬度為閱讀器80%。當然條件是設(shè)置最外層不寬度制約前提下。
DIV CSS 自適應(yīng)寬度例子：
CSS樣式代碼：

最小寬度單詞：min-width 如：min-width:300px

一、寬度基本知識
CSS 寬度是指通過CSS 樣式設(shè)置對應(yīng)div寬度，以下咱們懂得傳統(tǒng)html寬度、寬度自適應(yīng)、固定寬度等寬度常識。
傳統(tǒng)Html 寬度屬性單詞：width 如width="300";
CSS 寬度屬性單詞：width 如width:300px;
最大寬度單詞：max-width 如max-width:300px;

最大固定寬度
CSS屬性單詞：max-width
兼容支持：max-width除IE6不支持為，IE7以上瀏覽器、火狐、谷歌都支持
最大固定寬度是對對應(yīng)的樣式div設(shè)置最大寬度限制，即內(nèi)容不超過此設(shè)置最大寬度。
最大寬度限度例子：
,CSS備忘錄.webjxcom{border:1px solid #003;max-width:300px;}

<div class="webjxcom">我是80%自適應(yīng)寬度</div>

3、最小固定寬度
CSS樣式屬性單詞：min-width
兼容支持：min-width除IE6不支撐為，IE7以上瀏覽器、火狐、谷歌都支持
經(jīng)常用于設(shè)置寬度最小值，如設(shè)置對應(yīng)DIV的樣式最小寬度值限制。
例：
.webjxcom{border:1px solid #003,CSS基礎(chǔ)：設(shè)置文本的背景顏色; min-width:300px;}
即設(shè)置最小寬度為300px，當然個別很少設(shè)置最小寬度。如果要應(yīng)用最小寬度即，使用浮動（float）可使用最小寬度限制。

Html中body div代碼：

 ,CSS基礎(chǔ)：了解閉合浮動元素;

<style type=",CSs基礎(chǔ)：CSS的位置問題;text/css">
body{ margin:0 auto; text-align:center;}
.webjxcom{ width:80%,css基礎(chǔ)自動定位的應(yīng)用; border:1px solid #003; margin:0 auto;}
</style>

2、CSS 寬度固定
固定即設(shè)置寬度為固定值即可如
良多時候須要對網(wǎng)頁的寬度款式設(shè)置為固定，這時只要要設(shè)置寬度width:300px，即設(shè)置對應(yīng)固定寬度為300像素。

(責任編輯：網(wǎng)站建設(shè))
CSS學習教程 學習CSS的寬度width相關(guān)文章