CSS基礎 定位 選擇器

2021-08-03 20:19:00 字數 838 閱讀 1346

定位方式有:static、fixed、relative、absolute

static 靜態定位(預設)

無定位,元素正常出現了流中,不受left、right、top、bottom屬性影響

fixed 

fix定位會將元素從流中「摘」出來單獨進行定位,其定位取決於left、top

重新定位之後可能會出現重疊,通過z-index可以調整其順序,但是定位z-index無效

relative(相對定位)

相對定位是從原有位置進行位移,但並不影響後續位置。

absolute(絕對定位)

絕對定位的元素將從流中被「摘」出來,依靠left屬性進行定位。

與fixed類似但是參照物不同

選擇器,指的是選擇施加樣式目標的形式。

元素選擇器

用標籤名作為選擇器,選中所有相應的元素

id選擇器

根據id來選擇元素,其樣式定義形式為:

#idname{

類選擇器

根據class屬性來選擇元素,其樣式定義形式為:

.classname{

屬性選擇器

根據某個屬性的特性(比如有無、值等)

(1)   根據有無某屬性來選擇

(2)   根據屬性的值來選擇

~=:選中屬性值包含指定完整單詞的屬性

title^=』...』:選中title屬性值為...開頭的元素。

title$=』...』:選中title屬性...結尾的元素。

title*=...:選中title屬性值包含『...』的元素。

CSS選擇器之基礎選擇器

選擇器 選擇符 就是根據不同需求把不同的標籤選出來這就是選擇器的作用。簡單來說,就是選擇標籤用的。標籤選擇器 又稱元素選擇器,指用html標籤作為選擇器,為頁面中某類標籤設定css樣式。缺點 不能差異化設定樣式,只能選擇全部的當前標籤。語法 基礎選擇器之標籤選擇器title 標籤選擇器 寫上標籤名 ...

CSS 選擇器之基礎選擇器

id選擇器 選擇具體的id屬性值的元素 元素選擇器 選擇具有相同標籤名稱的元素 類選擇器 選擇具有相同的class屬性值的元素。id選擇器,是根據標籤的id屬性值選擇對應的標籤的。格式 id值舉例 定義兩個p標籤,且標籤的id屬性值不同,然後用css定義p標籤的內容如何顯示。google瀏覽器中開啟...

CSS 基礎選擇器

css cascading style sheet,層疊式樣式表,即乙個標籤可以同時被多種選擇器選擇,標籤選擇器 id選擇器 類選擇器。這些選擇器都可以選擇上同乙個標籤,從而影響樣式。基礎選擇器 1.標籤選擇器,就是標籤的名字。追光者如果說你是遙遠的星河 耀眼得讓人想哭我是追逐著你的眼眸總在孤單時候...