css第五天

1、什么是css?

層疊樣式表,主要用于設(shè)置HTML頁(yè)面中的文本內(nèi)容,圖片的外形以及版本的布局等外觀樣式。

Css是以html為基礎(chǔ),提供豐富的功能。

2、ul>(li>a)*3+tab鍵(>代表父子關(guān)系)

3、所有標(biāo)簽都有一個(gè)默認(rèn)樣式,我們成為瀏覽器樣式,或默認(rèn)樣式。

4、引入css方式:

行內(nèi)樣式:

“<h1 style="color: red;? font-size: 12px;">傳智播客-前端css基礎(chǔ)視頻課程”

(像素是圖片上的一個(gè)點(diǎn))

內(nèi)嵌樣式(內(nèi)部樣式):在head標(biāo)簽中添加style標(biāo)簽。

p {

color: green;

background-color: silver;

}

5、最常用的方式:外部樣式,外聯(lián)樣式(link)

一種不常用的樣式:導(dǎo)入樣式import樣式(倒入樣式必須寫在所有的其他樣式之前)在css文件中也可以再倒入其他的css文件。

6、css的語(yǔ)法

選擇符聲明

P ??{color:red;}

選擇符{屬性:屬性值;}

Html和css盡量不相互影響。

7、css的注釋

/*注釋內(nèi)容*/

注釋開始/*注釋結(jié)束*/注釋不能嵌套

多行注釋:/*

放多行注釋內(nèi)容

放多行注釋內(nèi)容

放多行注釋內(nèi)容

*/

一般用于css模塊的注釋,文件頭的注釋。

8、css選擇器綜述

? ? ?*的優(yōu)先級(jí)很高,會(huì)覆蓋所有的樣式。

? ? ? P,ul之類都是標(biāo)簽選擇器。

? ? ? 所有標(biāo)簽都可以有id(一個(gè)html頁(yè)面中id必須唯一,不可重復(fù)),id選擇器:#p1{} ??#p2{}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 轉(zhuǎn)載請(qǐng)聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進(jìn)階之旅閱讀 16,621評(píng)論 32 459
  • 本文主要是起筆記的作用,內(nèi)容來自慕課網(wǎng). 認(rèn)識(shí)CSS樣式 CSS全稱為“層疊樣式表 (Cascading Styl...
    0o凍僵的企鵝o0閱讀 2,663評(píng)論 0 30
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,805評(píng)論 1 92
  • 本課來自http://www.imooc.com/learn/9請(qǐng)不要用作商業(yè)用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,318評(píng)論 0 5
  • 讀《唐浩明點(diǎn)評(píng)曾國(guó)藩日記》 咸豐十一年正月初四日 早,接奉廷寄,即前復(fù)奏英夷助剿、運(yùn)漕一案。飯后清理文件。寫澄弟信...
    讀行人聲閱讀 427評(píng)論 0 0