前端學習 css

2021-08-17 06:54:57 字數 1315 閱讀 8251

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,span
p   可以繼承

p  border不可以繼承

p /*權值為1*/

p span /*權值為1+1=2*/

.warning /*權值為10*/

p span.warning /*權值為1+1+10=12*/

#footer .note p /*權值為100+10+1=111*/

權值越高,就使用哪種css樣式

前端學習 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 ...