CSS的屬性 1 XWeb證書個人整理

2021-10-25 12:11:41 字數 2690 閱讀 2178

background-color:

用於設定背景顏色,初始值為透明色,既可以從負元素繼承也可以直接取想要的顏色

例如 顏色名 十六進製制顏色 rgb函式

background-image:

用於設定背景顏色,初始值為透明色,既可以從負元素繼承。也可以直接取想要的顏色

用於設定元素的背景,預設值為none如果設定了url,格式為url

並沿著x的y軸平鋪佔滿元素全部尺寸,通常需要配合background-repeat控制影象的平鋪

background-repeat:

預設值為repeat,向沿著x和y軸平鋪,還可以指定沿著x軸平鋪repeat-x,沿著軸平鋪repeat-y或者不平鋪軸平鋪no-repeat,繼承父元素該屬性設定inherit

background-attachment:

用於設定背景影象是否固定或者隨著頁面的其餘部分滾動,初始值為scroll,表示背景會隨著頁面其餘部分的滾動而滾動,還可以設定fixed,表示當頁面其餘部分滾動時,背景影象不會滾動,也可以設定inherit繼承父元素的background-attachment設定

background-position:

用於設定背景影象圓點的位置,如果影象需要平鋪,則從這一點開始平鋪,預設值為左上角零點位置,寫作0 0

位置引數:x軸有3個引數,分別是left,center,righty軸同樣有3個引數,分別是top,center,bottom通常x軸和y軸引數各取乙個組屬性值,如 left bottom 表示左下角,right top表示右下角,如果給定乙個值,則另乙個值預設為50%

百分比:寫為x% y%,第乙個表示x軸位置,第二個表示y軸位置,左上角為0 0,右下角為100% 100%,如果只給定乙個值則,另乙個值預設為50%

長度:寫為xpos ypos,第乙個表示x軸離原點的長度,第二個表示y軸離原點的長度,其單位可以是px等長度單位,也可以是與百分比混合使用

background:乙個簡寫屬性,可以在乙個樣式中將 background-color,background-image,background-repeat,background-attachment,background-position全部設定,也可以省略其中的某幾項,將這幾項的屬性值直接用空格拼接,作為background的屬性值即可,還可以直接設定inherit,從父元素繼承

font-family:用於設定元素的字型

font-size:用於設定字型的尺寸(絕對/相對大小 ,長度,百分比)

font-style:用於設定字型是否是斜體

font-variant:用於設定字型使用小寫字型

font-weight:用於設定字型的粗細

font:可以全部設定以上這些

color:用於設定文字顏色

direction:用於設定文字方向

letter-spacing:用於設定字元間隔的大小

line-height:用於設定行高

text-align:用於設定文字的水平對齊方式(left左對齊,right右對齊,center居中)

text-decoration:用於文字新增裝飾(underline新增下劃線,overderline新增上劃線,line-through新增刪除線,blink新增閃耀效果,none無新增)

text-index:用於設定文字塊首行文字縮排

text-shadow:用於設定陰影,預設情況是無陰影

text-transform:用於設定文字的大小寫(capitalize首字母大寫,uppercase字母全大寫,lowercase:字母全小寫,none和原始檔保持一致)

white-space:用於設定元素內部空白

word-spacing:用於設定單詞間的間隔

height:設定元素的高度

line-height:設定行高

max-height:設定元素的最大高度

max-width:設定元素的最大寬度

min-height:設定元素的最小高度

min-width:設定元素的最小寬度

width:設定元素的寬度

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

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

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

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

border-collapse:設定是否把**邊框合併為單一的邊框

border-spacing:設定分隔單元格邊框的距離

caption-side:設定**標題的位置

empty-cells:設定是否顯示**中的空單元格

table-layout:設定顯示單元、行和列的演算法

content屬性通常是和:before及:after偽元素選擇器配合使用,用於插入生成內容,預設插入內容將顯示為行內內容

HTML的全域性事件屬性 1 XWeb證書個人整理

onload 在頁面載入結束之後觸發 onunload 在使用者從頁面載入結束時觸發,如單機跳轉,頁面過載,關閉瀏覽器視窗等 onblur 當元素失去焦點時觸發 onchange 在元素的值被改變時觸發 onfocus 當元素獲得焦點時觸發 onreset 當表達重置按鈕被單擊時觸發 onselec...

CSS3 選擇器(1 X web 前端 複習必備)

選擇器說明 a b 選擇a之後的所有b元素 a b 選擇a的下乙個元素 選擇器說明 e attribute value 獲取指定開頭 e attribute value 獲取指定結尾 e attribute value 獲取包含某個值 選擇器說明 root 選擇文件的根元素 last child 該...

css中常用的屬性(1)

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