CSS樣式分為:內聯式css樣式、嵌入式css樣式、外部式css樣式。
成都創(chuàng)新互聯擁有網站維護技術和項目管理團隊,建立的售前、實施和售后服務體系,為客戶提供定制化的成都做網站、網站制作、網站維護、四川移動機房托管解決方案。為客戶網站安全和日常運維提供整體管家式外包優(yōu)質服務。我們的網站維護服務覆蓋集團企業(yè)、上市公司、外企網站、電子商務商城網站建設、政府網站等各類型客戶群體,為全球上1000+企業(yè)提供全方位網站維護、服務器維護解決方案。
對CSS三種樣式定義及其實例:
內聯式css樣式。
內聯式css樣式表就是把css代碼直接寫在現有的HTML標簽中,如下面代碼:
1? ?p?style="color:red"這里文字是紅色。/p? ?
css樣式代碼要寫在style=""雙引號中,如果有多條css樣式代碼設置可以寫在一起,中間用分號隔開(英文狀態(tài)下;)。
嵌入式css樣式。
嵌入式css樣式,就是可以把css樣式代碼寫在標簽之間。如下面代碼實現把三個標簽中的文字設置為紅色:
1? ?style?type="text/css"span{color:red;}/style? ?
嵌入式css樣式必須寫在之間,并且一般情況下嵌入式css樣式寫在之間。
外部式css樣式。
外部式css樣式(也可稱為外聯式)就是把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css”為擴展名(也可以為調用其他網站CSS)。
1? ?link?href="style.css"?rel="stylesheet"?type="text/css"?/? ?
注意事項:?1、css樣式文件名稱以有意義的英文字母命名,如 main.css。?2、rel=”stylesheet” type=”text/css” 是固定寫法不可修改。?3、標簽位置一般寫在標簽之內。
掌握好三種CSS三種樣式使用方法在Web開發(fā)中將節(jié)省很多時間。
準確點說應該有4種類型的CSS樣式表
1.HTML文件行中的樣式表
2.HTML文件頭中的樣式表
3.連接到HTML文件中的樣式表
4.輸入到HTML文件中的樣式表
前兩種是內部樣式表 后兩種是外部樣式表
CSS的作用主要是
1.實現對HTML代碼的補充
2.結構(HTML)與格式(CSS)的分離
內部樣式表只能實現作用1
而外部樣式表能實現作用1,2
具體資料樓主去找找相關資料吧
先來點基礎的,
CSS
的使用方式有三種:內聯
p style=""/p
;內部樣式,在
head
加入
style/style
定義
css
,
body
中引用;外部樣式,
css
放在一個外部文件中,
head
中用
link src=""
加載,
body
中引用和內部樣式使用方法相同。
再來點基礎的,
css
定義有三種:
直接標簽定義如,
p{
具體風格代碼
}
效果范圍是
body
中所有的
p
標簽;根據
ID
號定義,
#p1{
具體風格代碼
}
效果范圍是
body
中
id="p1"
的標
簽;自定義,
.p1{
具體風格代碼
}
body
中標簽以
class="p1"
進行引用;
一、
CSS
的語法是比較靈活的,比如可以同時定義兩個
css
名使用同一種風格,中間以逗
號分隔,如:
.
.p1
,
.p2{
具體風格代碼
}
或
.p1
,
#p2,p{
具體風格代碼
}
,意思為,自定義的
p1
風格,
id
號為
p2
的風格,
p
標簽的風格。
二、
接上,也可以
.p1
,
.p2{
具體風格代碼
}
.p2{
具體風格代碼
}
好處是把自定義
p1
和
p2
相同的部分放在
.p1
,
.p2{
具體風格代碼
}
不同部
分
.p2
再定義。
三、
前面自定義好的風格,在引用時
class="
自定義風格
"
,也給了我們充分的靈活,可以
引用多個自定義風格,以空格間隔,如:
.p1{
具體風格代碼
}
.p2{
具體風格代碼
};
引用時
p class="p1 p2"
css的作用域是通過書寫方式來實現的更準確的說法應該叫做選擇器如果你深入了解后,同樣能達到編程思想中的“命名空間”、“全局”、“私有”、“繼承”等“編程特性”更能體現他特點的也就是他名字中的“層疊樣式”
有這三種 taglibname{} .name{} #id{}
第一種為標簽樣式,taglib為標簽名,后面{}里面加屬性,這種樣式對頁面內所有的標簽名為taglibname的標簽起作用。
第二種為css類樣式,需要在HTML開始標簽 后綴 class="name",name即類名,這類標簽對HTML內所有后綴同樣name的標簽起作用 class="name" 可以設在多個開始標簽后,表示這些標簽具有同一類樣式。
第三種為cssID樣式,需要在HTML開始標簽后綴 id="id",需要注意的是,ID樣式的話,每一個name都是獨立且不重復的,具有唯一性。
手打!~希望對你有幫助!
CSS選擇器的類型分為3類:標記選擇器、類別選擇器和ID選擇器。(可能名稱有不同的說法,但意思都是一樣的)
標記選擇器是利用HTML的標記直接定義標記內容的樣式,如:h1{
color:red;
font-size:25pt;}
類別選擇器是通常說的class選擇器,定義的時候要在名稱前加.如:.one{
color:red;
font-size:25pt;}
ID選擇器定義的時候要在前面加#,如:#box
{
color:red;
font-size:25pt;}
利用DW寫CSS的時候,高級就是上面說的ID選擇器,ID選擇器的名字可以任意命名,可以自己定義,可是標簽就只能是HTML語言里制定的那些標記,不能自己定義。