選擇器
選擇器和大括號中間最好加個空格
標籤選擇器
p
選擇了所有的對應標籤
類選擇器
.類
123
長名詞或片語可以使用中橫線來給選擇器命名 -
多類名選擇器
id選擇器#id
id只能呼叫一次,呼叫後別人無法使用
和類一樣只能用英文,相比而言id用得少
萬用字元選擇器
*
選擇所有的標籤
字型font-family: ''
多個字型,如果前面的顯示不出來會用後面的替換
文字大小
body
h body可選擇所有主體,但是標題標籤需要特別指定
字型粗細font-weight:
700或者bold 加粗
文字樣式font-style:
normal 正常
italic 斜體
字型復合屬性格式:font: font-style font-weight font-size/line-height font-family;
font: italic 700 16px 'microsoft yahei'
順序不能顛倒
文字大小和字型不能省略
顏色
color: pink;
color: #ff0000
color: rgb(255,0,0)或者rgb(100%,0%,0%)
對齊文字text-align: center
left right center
用來設定水平對齊
裝飾文字
text-decoration:
none 預設
underline 下劃線
overline 上劃線
line-through 刪除線
文字縮排text-indent:
讓每個首行縮排
em是乙個相對單位,是當前元素的乙個文字大小
行間距line-height:
行間距包括上間距,文字高度,下間距
16px為預設值
內部樣式表
行內樣式表
外部樣式表在html外部寫乙個css
前端學習 css
1.內聯 慕課網,超酷的網際網路 it技術免費學習平台,創新的網路一站式學習 實踐體驗 服務及時貼心,內容專業 有趣易學。專注服務網際網路工程師快速成為技術高手!2.嵌入式 嵌入式css樣式必須寫在之間,並且一般情況下嵌入式css樣式寫在之間。慕課網,超酷的網際網路 it技術免費學習平台,創新的網路...
前端學習 CSS體驗
由於本人也是初學html,以下都為本人學習過程中分點整理的知識點,希望共同進步,不足之處望指出批正。1.css體驗 分析 有提供標題 h1 還有乙個段落 p 標題是居中的,段落也是居中的。所以我們可以設定h標籤和p標籤的align屬性等於center來實現,標題和段落都有顏色,都是字型,都是大小,所...
前端CSS學習(一)
css樣式的分類 1.內部樣式表2.行內樣式表 3.外部樣式表 css基礎選擇器 1.標籤選擇器 span 2.類選擇器 blue 3.多類名選擇器 4.id選擇器 num 5.萬用字元選擇器 css外觀屬性 1.color red ff0000 rgb 255,0,0 2.line height ...