css 入門基礎(chǔ)教程
發(fā)布時間：2010-01-17 01:10:01 作者：佚名 
我要評論
我要評論css 入門基礎(chǔ)，適合剛開始學(xué)習css的朋友，最好先有一定的html編寫經(jīng)驗。
一、外部樣式表：適用于很多頁面都需要用到樣式表時
<head><link rel="stylesheet" type="text/css" href="mystyle.css" /></head>
用文本編輯器進行編輯，里面不能包含任何HTML的標簽并以CSS為后綴保存就是一個樣式表文件，如下內(nèi)容
復(fù)制代碼
代碼如下:<PRE class=brush:css>hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
</PRE>
需要注意的是在屬性值和單位間不要有空間，否則只有IE6有效，在Mozilla/Firefox/Netscape中無效。
應(yīng)該用
<PRE class=brush:css>p {margin-left: 20px;} 而不是 p {margin-left: 20 px;}
</PRE>
二、內(nèi)部樣式表：
當某個文檔需要特殊樣式時，就可以用內(nèi)部樣式表，可以用<style>包在里面
復(fù)制代碼
代碼如下:<head>
<style type="text/css">
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
</style>
</head>
三、內(nèi)聯(lián)樣式表
只對當前元素使用，只要在相關(guān)標簽內(nèi)使用樣式(style)，可以包含CSS屬性
復(fù)制代碼
代碼如下:<p style="color: sienna; margin-left: 20px">
This is a paragraph
</p>
四、多重樣式表
某些屬性在不同的樣式表中被同樣的選擇器定義，那么屬性值將從更具體的樣式表中被繼承過來。
如，外部樣式表針對h3選擇器的三個屬性
復(fù)制代碼
代碼如下:h3 {
color: red;
text-align: left;
font-size: 8pt;
}
而外部樣式表擁有針對h3選擇器的兩個屬性
復(fù)制代碼
代碼如下:h3 {
text-align: right;
font-size: 20pt;
}
假如擁有樣式表的這個頁面同時與外部樣式表鏈接，那么h3得到的樣式是：
復(fù)制代碼
代碼如下:color: red;
text-align: right;
font-size: 20pt;
相關(guān)文章
- 下面小編就為大家?guī)硪黄狧tml/Css(新手入門第一篇必看攻略)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-01
- 結(jié)束了HTML學(xué)習，接下來我終于揭開了css的真實面紗，在大學(xué)時代，一直忙碌去各處收集學(xué)習資料，記得當時不知在那位大俠手里拷了有關(guān)css相關(guān)學(xué)習資料，代碼看了半天實在費解2009-11-13
- 你是新學(xué)習CSS？在這個漂亮的學(xué)習語言的初始過程可能是一個有點驚人，有很多可以學(xué)習它有時很難找出哪里開始。幸運的是有寶貴的大量信息和資源，那里的網(wǎng)絡(luò)覆蓋，通過先進2009-08-29
- CSS的定義是由三個部分構(gòu)成: 選擇符(selector)，屬性(properties)和屬性的取值(value)。 1.語法: selector {property: value} (選擇符 {屬性:值}) 說明:2009-06-28
css入門教程之學(xué)習網(wǎng)頁布局(1)-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
原文：http://jorux.com/archives/layout-1-if-you-love-css/ 從本篇開始講述如何用css實現(xiàn)網(wǎng)頁的布局，即如何用css控制網(wǎng)頁內(nèi)各個元素的顯示位置。如果你是一個初學(xué)者2008-10-31- 引用一本書中的一段文字：“當我第一次開始學(xué)習漢語時，我的家庭老師老王給了我一本漢英字典、一本漢語語法書和一本初級教程2008-10-17
CSS入門教程:網(wǎng)頁首字下沉-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
CSS入門教程:網(wǎng)頁首字下沉 :first-letter 版本：CSS2 兼容性：IE5.5 語法： Selector : first-letter { sRules } 說明： 設(shè)置對象內(nèi)的第一個字符的2008-10-17- 這篇文章主要介紹了css是什么,小編覺得挺不錯的，詳細的介紹了css的基本入門?，F(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-23