常用的三種:1、頁面中引入樣式表文件,在單獨的樣式表css文件中編寫樣式代碼,引入方式如下:然后在style.css文件中編寫樣式。這種最常用,優點是方便管理,樣式統一,代碼精簡,用于全站統一樣式。2、在Html頭部(head)中用包起來,在這里面編寫樣式代碼,如下:這種一般用于單頁面或單獨的專題頁面,如果用于全站,增加頁面代碼,浪費流量,也不利于改版。3、在標簽里面直接編寫行內樣式,這種是最不常用的:
這類最少用,會使頁面結構混亂,代碼臃腫,后期維護成本增加。CSS的引入方式共有三種:行內樣式、內部樣式表、外部樣式表。
行內樣式如下:
使用style屬性引入CSS樣式。
示例:
<h1 style="color:red;">style屬性的應用</h1>
<p style="font-size:14px;color:green;">直接在HTML標簽中設置的樣式</p>
實際在寫頁面時不提倡使用,在測試的時候可以使用。
要使用css對HTML頁面中的元素實現一對一,一對多或者多對一的控制,這就需要用到CSS選擇器。HTML頁面中的元素就是通過CSS選擇器進行控制的。
每一條css樣式定義由兩部分組成,形式如下:[code] 選擇器{樣式} [/code] 在{}之前的部分就是“選擇器”。“選擇器”指明了{}中的“樣式”的作用對象,也就是“樣式”作用于網頁中的哪些元素。
不包括
?一:css基本選擇器有哪些
1.css屬性選擇器
2.css標簽選擇器
3.cssID選擇器
4.css的通配符
二:css有哪些高級選擇器
1.css標簽選擇器
css標簽選擇器其實就是頁面上的所有類型的標簽,我們對經常描述稱為共性,對無法描述的稱為個性。我們在頁面上看到input,div和ul都有可能是選擇器,無論這個標簽藏得多深,都可能被選擇上,并且選擇的是所有標簽,并不是單單指一個。
2.cssID選擇器
css中我們使用#來對名字進行自定義,#是指對一個特殊的標簽來使用,并且只能用一次,在任何html標簽中,都可以有id屬性,但是前提要按照字母開頭,更不能用字母去開頭,或者和標簽同名。還有一些高手建議在css層面上盡量不要使用id。
3.css類選擇器
css中類選擇器,我們使用.來表示,我們使用類來表示,其實就是比較靈活。class和id是十分相似的,并且同一個標簽可以使用很多個類選擇器,也可以多種標簽使用。
4.css的通配符,可以替換任何標簽,目前有些瀏覽器是不支持使用。