前端學習之路 css選擇器和布局

2021-07-26 11:16:42 字數 893 閱讀 8486

css 選擇器就是控制html中的標籤的屬性類似android 中控制項的屬性:

css 選擇器大致分為以下幾種:

1.標籤選擇器例如:p{};{}前就是選擇器

2.id選擇器 例如祝大家雞年大吉

#gsc

3.class 選擇器 eg:祝大家雞年大吉

.gsc

學習了類選擇器和id選擇器,我們會發現他們之間有很多的相似處,是不是兩者可以通用呢?我們不要著急先來總結一下他們的相同點和不同點:

相同點:

可以應用於任何元素

不同點:

1、id選擇器只能在文件中使用一次。與類選擇器不同,在乙個html文件中,id選擇器只能使用一次,而且僅一次。而類選擇器可以使用多次。 2、

可以使用類選擇器詞列表方法為乙個元素同時設定多個樣式。

我們可以為乙個元素同時設多個樣式,但只可以用類選擇器的方法實現,id選擇器是不可以的(不能使用 id 詞列表)。

下面的**是正確的(完整**見右側**編輯器)

.stress

.bigsize

到了class="stress bigsize">三年級下學期時,我們班上了一節公開課...

p

pp

多種樣式會覆蓋,類似變數
布局:

1.預設流動布局,從上至下,並列的標籤左右對齊()類似android 中線性布局

2.float 浮動布局 常用於塊狀標籤如div span 等

3 .層模型有三種形式:

1、絕對定位(position: absolute)類似android 中絕對布局 

div2、相對定位(position: relative)類似android 中相對布局

3、固定定位(position: fixed)

前端的學習之路 初級CSS 常用選擇器

lang en charset utf 8 name viewport content width device width,initial scale 1.0 常用選擇器title 將所有的段落設定為紅色 字型 標籤 元素 選擇器 作用 根據標籤名來選中指定的元素 語法 標籤名 例子 p h1 d...

前端 css 選擇器

css 為了修飾頁面作用,讓頁面好看 css的引入方式 1,行內樣式 body裡面 2,內接樣式 在html裡面的 style 裡面 3,外接樣式 兩種 鏈結式 匯入式 優先順序 行內優先順序 最高 內接的優先順序 外接優先順序 引入 id 的優先順序 比 class 的優先順序要高 標籤選擇器 d...

前端學習 Css 屬性選擇器

屬性選擇器 根據元素的屬性選擇指定元素 語法 屬性名 選取含有指定屬性的元素 屬性名 屬性值 選取屬性值等於指定值的元素 屬性名 屬性值 選取屬性值以指定內容開頭的元素 屬性名 屬性值 選取屬性值以指定內容結尾的元素 屬性名 屬性值 選取屬性值中包含指定內容的元素 demo 注 這麼尷尬的詩句肯定不...