CSS中常用的五種編輯屬性

2022-09-12 23:30:26 字數 2131 閱讀 4395

css 字型屬性

屬性  描述 

font 簡寫屬性。作用是把所有針對字型的屬性設定在乙個宣告中。 

font-family 設定字型系列。 

font-size 設定字型的尺寸。 

font-style 設定字型風格。 

font-variant 以小型大寫字型或者正常字型顯示文字。 

font-weight 設定字型的粗細。

css 文字屬性

屬性 描述 

color 設定文字顏色 

direction 設定文字方向。 

line-height 設定行高。 

letter-spacing 設定字元間距。 

text-align 對齊元素中的文字。 

text-decoration 向文字新增修飾。 

text-indent 縮排元素中文字的首行。 

text-transform 控制元素中的字母。 

unicode-bidi 設定文字方向。 

white-space 設定元素中空白的處理方式。 

word-spacing 設定字間距。

css 邊框屬性

屬性 描述 

border 簡寫屬性,用於把針對四個邊的屬性設定在乙個宣告。 

border-style 用於設定元素所有邊框的樣式,或者單獨地為各邊設定邊框樣式。 

border-width 簡寫屬性,用於為元素的所有邊框設定寬度,或者單獨地為各邊邊框設定寬度。 

border-color 簡寫屬性,設定元素的所有邊框中可見部分的顏色,或為 4 個邊分別設定顏色。 

border-bottom 簡寫屬性,用於把下邊框的所有屬性設定到乙個宣告中 

border-left 簡寫屬性,用於把左邊框的所有屬性設定到乙個宣告中。 

border-right 簡寫屬性,用於把右邊框的所有屬性設定到乙個宣告中。 

border-top 簡寫屬性,用於把上邊框的所有屬性設定到乙個宣告中。

css 列表屬性(list)

屬性 描述 

list-style 簡寫屬性。用於把所有用於列表的屬性設定於乙個宣告中。 

list-style-image 將圖象設定為列表項標誌。 

list-style-position 設定列表中列表項標誌的位置。 

list-style-type 設定列表項標誌的型別。

屬性 描述 

background 簡寫屬性,作用是將背景屬性設定在乙個宣告中。 

background-attachment 背景影象是否固定或者隨著頁面的其餘部分滾動。 

background-color 設定元素的背景顏色。 

background-image 把影象設定為背景。 

background-position 設定背景影象的起始位置。 

background-repeat 設定背景影象是否及如何重複。

瀏覽器預設樣式

使用者自定義樣式

作者自定義樣式

元素開始標記中使用style屬性新增樣式(內嵌)

在head標記中使用style標記指定樣式(內聯)

在head標記中使用link外部鏈結乙個css檔案(外聯)

標記/標籤選擇器

偽類選擇器

a:link 初始 

a:visited 訪問後 

a:hover 滑鼠移入||滑鼠懸停 

a:active 點選時-一瞬間 

li:nth-last(倒數)-chid(odd奇數;even偶數;3n+1表示迴圈)

後代選擇器

p空格span

子級選擇器

p>span

並集選擇器

h1,h2,h3,span,p,li,box1......

萬用字元 *

*偽元素選擇器

div:first-letter(line):font-size:30px;

選擇器權重

!important>style>id>class>元素》*

層疊機制

通過多個渠道完成,樣式屬性不同直接作用元素;元素相同判斷權重,權重相同,後覆蓋前;權重不同,以權重大的為準

繼承子級樣式不是顯式宣告,從父級繼承;但子級可以單獨宣告樣式並且不影響父級;文字型別的樣式會被繼承

css中常用的屬性(1)

padding 10px 上右下左邊距均為10px padding 10px 20px 表示上下內邊距10px 左右邊距20px padding 10px 20px 30px 表示上邊距10px 右邊距20px 下邊距30px 左邊距同右 padding 10px 20px 30px 40px 按照...

css中常用的屬性總結(常更)

一,有關text屬性 1,text decoration 這個是用於清除超連結中的下劃線 text transform 用於控制英文本元的大小寫 text align 用於控制文字的水平對齊方式 適用於塊級元素 text indent 一般在段首縮排的時候會用到 text shadow 可以為文字新...

JS中常用的輸出方式 五種

1 alert 要輸出的內容 在瀏覽器中彈出乙個對話方塊,然後把要輸出的內容展示出來 alert都是把要輸出的內容首先轉換為字串然後在輸出的 2 document.write 要輸出的內容 直接的在頁面中展示輸出的內容 3 console.log 要輸出的內容 在控制台輸出內容 4 value 給文...