1.內聯:
慕課網,超酷的網際網路
、it技術免費學習平台,創新的網路一站式學習、實踐體驗;服務及時貼心,內容專業、有趣易學。專注服務網際網路工程師快速成為技術高手!
2.嵌入式:
嵌入式css樣式必須寫在之間,並且一般情況下嵌入式css樣式寫在之間。
慕課網,超酷的網際網路、it技術免費學習平台,創新的網路一站式學習、實踐體驗;服務及時貼心,內容專業、有趣易學。專注服務網際網路工程師快速成為技術高手!
3.外部式:
慕課網,超酷的網際網路、it技術免費學習平台,創新的網路一站式學習、實踐體驗;服務及時貼心,內容專業、有趣易學。專注服務網際網路工程師快速成為技術高手!
4.優先順序:
內聯式 > 嵌入式 > 外部式
但是嵌入式》外部式有乙個前提:嵌入式css樣式的位置一定在外部式的後面。如右**編輯器就是這樣,**在**的前面(實際開發中也是這麼寫的)。感興趣的小夥伴可以試一下,把它們調換順序,再看他們的優先順序是否變化。
其實總結來說,就是--就近原則(離被設定元素越近優先級別越高)
.stress/*類前面要加入乙個英文
圓點*/
class="stress">膽小如鼠
#setgreen
id="setgreen">公開課相同點:
可以應用於任何元素
不同點:1、
id選擇器只能在文件中使用一次,類選擇器可以使用多次
2、可以使用類選擇器詞列表方法為乙個元素同時設定多個樣式。
.food>
li
水果香蕉
蘋果
.first span>
作用於元素的
第一代後代,
空格作用於元素的
所有後代。
* 匹配html中所有標籤元素
a:hover膽小如鼠
h1,spanp 可以繼承
p border不可以繼承
p /*權值為1*/權值越高,就使用哪種css樣式p span /*權值為1+1=2*/
.warning /*權值為10*/
p span.warning /*權值為1+1+10=12*/
#footer .note p /*權值為100+10+1=111*/
前端學習 CSS
選擇器 選擇器和大括號中間最好加個空格 標籤選擇器p 選擇了所有的對應標籤 類選擇器.類 123長名詞或片語可以使用中橫線來給選擇器命名 多類名選擇器id選擇器 id id只能呼叫一次,呼叫後別人無法使用 和類一樣只能用英文,相比而言id用得少 萬用字元選擇器 選擇所有的標籤字型font famil...
前端學習 CSS體驗
由於本人也是初學html,以下都為本人學習過程中分點整理的知識點,希望共同進步,不足之處望指出批正。1.css體驗 分析 有提供標題 h1 還有乙個段落 p 標題是居中的,段落也是居中的。所以我們可以設定h標籤和p標籤的align屬性等於center來實現,標題和段落都有顏色,都是字型,都是大小,所...
前端CSS學習(一)
css樣式的分類 1.內部樣式表2.行內樣式表 3.外部樣式表 css基礎選擇器 1.標籤選擇器 span 2.類選擇器 blue 3.多類名選擇器 4.id選擇器 num 5.萬用字元選擇器 css外觀屬性 1.color red ff0000 rgb 255,0,0 2.line height ...