h1
id選擇器:#id
元素選擇器:元素
類選擇器:.class
萬用字元選擇器:*
內部樣式表
書寫在style元素中
內聯樣式表
直接書寫在元素的style屬性中
外部樣式表[推薦]
外部樣式可以解決多頁面樣式重複的問題
有利於遊覽器快取,從而提高頁面響應熟讀
有利於**分離(html和css),更容易閱讀和維護
color
background-color
font-size
use agent,ua,使用者**(遊覽器)font-weight
font-family
font-style
i元素,em元素,預設樣式,是傾斜字型;實際使用時,通常用它表示乙個圖示(icon)text-decoration
首行文字縮排
line-height
width
height
letter-spacing
word-spacing
text-align
opacity,它設定的是整個元素的透明,它的取值是0~1
在顏色位置設定alpha通道(rgba)
使用cursor設定
display:none; 不生成盒子
visibility:hidden; 生成盒子,只是從視覺上移除盒子,盒子仍然佔據空間
img元素屬於html的概念
背景圖屬於css的概念
當屬於網頁內容時,必須使用img元素
當僅用於美化頁面時,必須使用背景圖
background-image:url()
background-repeat 背景圖重複
預設情況下,背景圖會在橫座標和縱座標中進行重複
background-size
預設值:contain、cover,類似objict-fit
數值或百分比
background-position
設定背景圖的位置
預設值:left、bottom、right、top、center
數值或者百分比
background-attachment
通常用它控制背景圖是否固定
背景圖和背景顏色混用
速寫(簡寫)屬性background
CSS 為網頁新增樣式
css全稱為 層疊樣式表 cascading style sheets 它主要是用於定義html內容在瀏覽器內的顯示樣式,如文字大小 顏色 字型加粗等。如下列 p使用css樣式的乙個好處是通過定義某個樣式,可以讓不同網頁位置的文字有著統一的字型 字型大小或者顏色等。為什麼使用css樣式來設定網頁的外...
開始學習CSS,為網頁新增樣式
目錄 認識css樣式 css樣式的優勢 css 語法 css注釋 任務css全稱為 層疊樣式表 cascading style sheets 它主要是用於定義html內容在瀏覽器內的顯示樣式,如文字大小 顏色 字型加粗等。如下列 p使用css樣式的乙個好處是通過定義某個樣式,可以讓不同網頁位置的文字...
JQuery為元素新增樣式
由於jquery支援css3,所有能很好的相容很多瀏覽器,所以通過jquery來使用css樣式比較好 為定義好的css樣式可以呼叫元素的css方法新增樣式 span css css屬性名 屬性值 如 span css color red 將標籤為span的字型都設為紅色的 id span 如果是定義...