css基礎 選擇器

2021-08-25 11:48:13 字數 1644 閱讀 4665

enctype:編碼型別。hidden:對元素進行隱藏。file:上傳檔案

action=""

method="post"enctype="multipart/form-data">

hidden="hidden">這是隱藏的字段p>

type="file"

name="updown"id="file">

form>

body>

readonly:唯讀。disabled:禁用乙個input元素

type="text"name="username"id="username"readonly>

type="text"name="username"id="username"disabled>

塊級元素和行內元素

元素標籤

塊級元素

h1 p ul li table

行內元素

a img input

4. css樣式:寬度,高度,背景色,文字顏色、大小、字型,邊框(顏色,粗細,樣式)

三類選擇器

選擇器樣式

標籤選擇器

以標籤名開頭,所有這個標籤都會用到這個樣式

類選擇器

以.開頭,用到時需宣告class

id選擇器

以#和id組成,這個id會被應用

三種樣式

樣式用法

外部樣式

在css檔案中寫,用link呼叫

內部樣式

直接在head裡寫

行內樣式

在標籤內部用style寫

三種高階選擇器

選擇器用法

子選擇器

用空格隔開,後者在前者內部

交集選擇器

第乙個是標籤,第二個是類或者id

並集選擇器

用逗號隔開,同級關係

5. 繼承

設定乙個標籤樣式和乙個類樣式,可以繼承標籤樣式的屬性

div

.div1-css

繼承

利用空格可以使用多個樣式

button
權重

id選擇器的權重是100,類選擇器的權重是10,標籤選擇器的權重是1

權重越大,優先順序越高

css屬性

屬性作用

width

寬度height

高度background

設定背景

font-size

字型大小

font-family

字型樣式,sans-serif預設樣式

color

前景色text-align

行內元素的水平位置

cursor

游標樣式,pointer手,help問好

text-decoration

下劃線,none為不設定下劃線

line-height

行高display

改變屬性,table-cell變為單元格

vertical-align

**文字位置

6. 偽類

設定鏈結的偽類

CSS選擇器之基礎選擇器

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

CSS 選擇器之基礎選擇器

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

CSS 基礎選擇器

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