CSS定位與CSS屬性選擇器

2021-07-23 22:48:41 字數 803 閱讀 2307

從上週的周任務來看,自己的css還是學習的不夠紮實,所以本週的主要任務是學習css定位和css屬性選擇器。css 有三種基本的定位機制:普通流、浮動和絕對定位。一般如果不給元指定特定的地方,元素一般會按照普通流來排列,如果設定了特定的地方則按照下面說法排列。

1.絕對定位:使用left,right,top, bottom四種屬性相對於其最接近的乙個最有定位設定的父級物件進行絕對定位,如果父級元素沒有設定位屬性,則相對於body左上角來定位

2.相對定位:使用left,right,top,bottom四種屬性在正常文件流中偏移自身位置

在絕對定位中,如果有元素的重疊則可用z-index來排列先後順序。

css屬性選擇器:屬性選擇器可以根據元素的屬性及屬性值來選擇元素。簡單屬性選擇 如果希望選擇有某個屬性的元素,而不論屬性值是什麼,可以使用簡單屬性來進行選擇,以前學習選擇器一直以為只有id和class,現在具體的看了屬性選擇器內容,直到id和class並不是唯一的設定樣式

這個屬性選擇中並沒有明確的標明所選的名稱,但是還是可以修改樣式,感覺就像約等於一樣,將含有所給屬性的類似元素全部選中進行修改,這是之前沒有看到過的,感覺這樣寫可以省掉很多**。

還有就是做了乙個關於padding margin的測試

第二個用的padding屬性,將原來規定的框架加寬了,但是margin屬性是將元素向右移動

CSS選擇器 屬性選擇器

最近重新學習了css3,發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...

CSS屬性選擇器

簡單屬性選擇器,如 css h1 class html 那麼以上h1標籤裡的內容字型顏色都會改變。同時我們也可以通過這種方法來給自己建立的標籤加上樣式,如 css planet moon html venus earth mars 這樣的話,第二條和第三條就會被加上樣式。還可以根據標籤裡的具體屬性值...

CSS屬性選擇器

css 2 引入了屬性選擇器。屬性選擇器可以根據元素的屬性及屬性值來選擇元素。如果希望選擇有某個屬性的元素,而不論屬性值是什麼,可以使用簡單屬性選擇器。如果您希望把包含標題 title 的所有元素變為紅色,可以寫作 title 親自試一試 與上面類似,可以只對有 href 屬性的錨 a 元素 應用樣...