Arry精英戰(zhàn)隊(duì) - 第九節(jié) - css基礎(chǔ)語法講解 - Arry老師

第九節(jié) css基礎(chǔ)語法講解 JavaWEB CSS語法Arry老師 一 CSS規(guī)則由兩個(gè)主要的部分構(gòu)成 選擇器 以及一條或多條聲明選擇器 通常是您需要改變樣式的HTML元素h1 width 300px height 100px color red font size 14px CSS層疊樣式表 CascadingStyleSheets 二 除了英文單詞red 還可以使用十六進(jìn)制的顏色值 ff0000十六進(jìn)制顏色值 p color ff0000 為了節(jié)約字節(jié) 我們可以使用CSS的縮寫形式p color f00 英文單詞red p color red css值的不同寫法和單位 三 大多數(shù)樣式表包含不止一條規(guī)則 而大多數(shù)規(guī)則包含不止一個(gè)聲明body color 000 background fff margin 0 padding 0 font family 微軟雅黑 Palatino serif css樣式 空格和大小寫 四 對選擇器進(jìn)行分組 用逗號將需要分組的選擇器分開h1 h2 h3 h4 h5 h6 color green css樣式 選擇器的分組 五 CSS注釋CSS注釋的開始使用 結(jié)束使用 注釋內(nèi)容 文章標(biāo)題注釋 h1 color red font size 12px css樣式 CSS注釋語法 六 在CSS中 類選擇器以一個(gè)點(diǎn)號顯示 center text align center str color red font size 12px h1和p元素都有center類 這意味著兩者都將遵守 center 選擇器中的規(guī)則文章的標(biāo)題這是段落的標(biāo)簽 css樣式 CSS類選擇器 七 id選擇器id選擇器可以為標(biāo)有特定id的HTML元素指定特定的樣式id選擇器以 來定義例 兩個(gè)id選擇器這個(gè)段落是紅色 這個(gè)段落是綠色 注意 id屬性只能在每個(gè)HTML文檔中出現(xiàn)一次 id選擇器和派生選擇器在現(xiàn)代布局中 id選擇器常常用于建立派生選擇器 css樣式 id選擇器 八 在CSS中 類選擇器以一個(gè)點(diǎn)號顯示 center text align center str color red font size 12px h1和p元素都有center類 這意味著兩者都將遵守 center 選擇器中的規(guī)則文章的標(biāo)題這是段落的標(biāo)簽 css樣式 CSS類選擇器 九 在CSS中 類選擇器以一個(gè)點(diǎn)號顯示 center text align center str color red font size 12px h1和p元素都有center類 這意味著兩者都將遵守 center 選擇器中的規(guī)則文章的標(biāo)題這是段落的標(biāo)簽 css樣式 CSS類選擇器 十 從外部引入到樣式分為兩種 注意寫在head標(biāo)簽里面 Link樣式表式 Html式 importurl css css css樣式 外部引入到樣式 十一 行內(nèi)樣式 css樣式 行內(nèi)樣式 應(yīng)用 css語法 css值的不