CSS學(xué)習(xí)之旅(總結(jié)篇)

css個人總結(jié)

1.什么是css雷厂,指的是疊層樣式表,控制網(wǎng)頁的的外觀顯示叠殷。

2.引入css的三種方式改鲫,外部鏈接,內(nèi)部鏈接林束,內(nèi)聯(lián)像棘,分別的語法是,,,style="屬性:值"

3.css選擇器壶冒,選擇器就是要針對你要所改變的元素缕题,而單獨(dú)定義的樣式,就常見的選擇器:ID胖腾,CLASS,元素選擇器烟零,子元素選擇器瘪松,群組選擇器,相鄰選擇器锨阿,id選擇器是唯一的意思是凉逛,只能定義一個id名相同的,class選擇器群井,類選擇器状飞,可以為多個元素定義,id選擇器和class選擇器的區(qū)別在于书斜,id是唯一的就像每個人的身份證一樣只有一份號碼是唯一的诬辈,而class就是像每個人的名字一樣可以重復(fù),元素選擇器就是選澤要改變的元素標(biāo)簽名字荐吉,子選擇器就是在當(dāng)前元素后的子元素焙糟,群組合選擇器就是選澤所有想改變的元素,相鄰選擇器就在當(dāng)前同級元素的下一個元素样屠。

語法:

這是一個段落

?相應(yīng)的 ?css規(guī)則: #id{ 屬性:值}

相應(yīng)的css規(guī)則:.class{ 屬性:值}

這是一個段落

相應(yīng)的css規(guī)則:p{屬性:值}

這是一個段落奧

相應(yīng)的css規(guī)則:div p{屬性:值}

這是一個段落奧

相應(yīng)的css規(guī)則:div,p{屬性:值}

這是一個段落奧

相應(yīng)的css規(guī)則:div+div{屬性:值}

這是一個段落奧

4.字體樣式

字體的類型:font-family: ?'';取值宋體穿撮,微軟雅黑等、

字體的大谢居:font-size:;通常以像素值px,其他的還有em ,百分比

字體的粗細(xì):font-weight:;取值bold粗體顯示悦穿,normal正常

字體的樣式:font-style:;italic斜體业踢,normal正常

顏色栗柒;color;

行高:line-height:知举;字體的行高瞬沦,一行的高度不是距離。

5.文本樣式

文本裝飾:text-decoration:;取值有,line-through(貫穿線)雇锡,underline(下劃線)逛钻,overline(上劃線)

文本對齊:text-align:;取值有锰提,center(居中)曙痘,left(左對齊),right(右對齊)

文本縮進(jìn):text-ident:欲账;取值單位px.em,百分比

文本大小寫:text-transform:屡江;取值有 uppercase(大寫) lowercase(小寫) capitalize(首指母大寫)

文本的字間距:letter-sapcing:;取值單位px ,em ,百分比

詞間距:word-sapcing:;取值單位px ,em ,百分比

6.邊框

border邊框 邊框的大小 類型 顏色 分別的設(shè)置

border-width:; 取值是單位px ? em ?百分比

border-style:赛不; 取值是solid 實(shí)線 ?dashed虛線 等

border-color:惩嘉;取值顏色 ,可以是十六進(jìn)制踢故。

7.背景

背景圖片文黎,背景是否被重復(fù) 惹苗,背景的位置,背景是否滾動 ?分別是

background:URL耸峭;

background-repeat:桩蓉;取值有,repeat(重復(fù)) no-repeat(不重復(fù)) repeat-x(x軸重復(fù)) repeat-y(y軸重復(fù))

background-position:;取值可以是 ? center left right top

background-scroll:劳闹;  取值是scroll ? fixed

可以簡寫院究;background: URL ?repeat ? position ?scroll;

8.超鏈接樣式

當(dāng)我們鼠標(biāo)移動到a標(biāo)簽上面本涕,可以讓他顯示的樣式业汰,通過偽類來設(shè)置,不一定是a元素才有可以設(shè)置菩颖,在html中 任何元素可以都已設(shè)置偽類样漆。語法:元素:hover

當(dāng)鼠標(biāo)未訪問的樣式a:link;,當(dāng)鼠標(biāo)訪問后的樣式a:visited;當(dāng)鼠標(biāo)移動到的樣式a:hover;當(dāng)鼠標(biāo)按下時的樣式a:active;

9圖片

圖片大谢奕颉:可以通過設(shè)置它的寬度 高度來設(shè)置放祟。

圖片位置:通過text-align(水平居中),vertical-aligin(垂直居中)

圖片邊框:通過border來設(shè)置它的邊框

10列表

列表的樣式:list-style-type:;取值none,circle,等

列表圖片:list-style-image:呻右;

11表格

表格默認(rèn)是沒有邊框的跪妥,我要通過border給它值

12,盒子模型

盒子模型分為:內(nèi)容區(qū),內(nèi)邊距窿冯,外邊距骗奖,邊框

13布局

浮動布局:通過float浮動塊元素,注意清除浮動醒串。

定位布局:position來設(shè)置。然后設(shè)置鄙皇。上右下左的值芜赌。

固定定位:position:fixed/scroll

靜態(tài)定位:position:static

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市伴逸,隨后出現(xiàn)的幾起案子缠沈,更是在濱河造成了極大的恐慌,老刑警劉巖错蝴,帶你破解...
    沈念sama閱讀 212,080評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件洲愤,死亡現(xiàn)場離奇詭異,居然都是意外死亡顷锰,警方通過查閱死者的電腦和手機(jī)柬赐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,422評論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來官紫,“玉大人肛宋,你說我怎么就攤上這事州藕。” “怎么了酝陈?”我有些...
    開封第一講書人閱讀 157,630評論 0 348
  • 文/不壞的土叔 我叫張陵床玻,是天一觀的道長。 經(jīng)常有香客問我沉帮,道長锈死,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,554評論 1 284
  • 正文 為了忘掉前任穆壕,我火速辦了婚禮馅精,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘粱檀。我一直安慰自己洲敢,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,662評論 6 386
  • 文/花漫 我一把揭開白布茄蚯。 她就那樣靜靜地躺著压彭,像睡著了一般。 火紅的嫁衣襯著肌膚如雪渗常。 梳的紋絲不亂的頭發(fā)上壮不,一...
    開封第一講書人閱讀 49,856評論 1 290
  • 那天,我揣著相機(jī)與錄音皱碘,去河邊找鬼询一。 笑死,一個胖子當(dāng)著我的面吹牛癌椿,可吹牛的內(nèi)容都是我干的健蕊。 我是一名探鬼主播,決...
    沈念sama閱讀 39,014評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼踢俄,長吁一口氣:“原來是場噩夢啊……” “哼缩功!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起都办,我...
    開封第一講書人閱讀 37,752評論 0 268
  • 序言:老撾萬榮一對情侶失蹤嫡锌,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后琳钉,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體势木,經(jīng)...
    沈念sama閱讀 44,212評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,541評論 2 327
  • 正文 我和宋清朗相戀三年歌懒,在試婚紗的時候發(fā)現(xiàn)自己被綠了啦桌。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,687評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡歼培,死狀恐怖震蒋,靈堂內(nèi)的尸體忽然破棺而出茸塞,到底是詐尸還是另有隱情,我是刑警寧澤查剖,帶...
    沈念sama閱讀 34,347評論 4 331
  • 正文 年R本政府宣布钾虐,位于F島的核電站,受9級特大地震影響笋庄,放射性物質(zhì)發(fā)生泄漏效扫。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,973評論 3 315
  • 文/蒙蒙 一直砂、第九天 我趴在偏房一處隱蔽的房頂上張望菌仁。 院中可真熱鬧,春花似錦静暂、人聲如沸济丘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,777評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽摹迷。三九已至,卻和暖如春郊供,著一層夾襖步出監(jiān)牢的瞬間峡碉,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,006評論 1 266
  • 我被黑心中介騙來泰國打工驮审, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留鲫寄,地道東北人。 一個月前我還...
    沈念sama閱讀 46,406評論 2 360
  • 正文 我出身青樓疯淫,卻偏偏與公主長得像地来,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子峡竣,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,576評論 2 349

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案靠抑? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,737評論 1 92
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,524評論 32 459
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font适掰,text-align,li...
    wzhiq896閱讀 1,733評論 0 2
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color荠列,font类浪,text-align,li...
    love2013閱讀 2,304評論 0 11
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表肌似,主要用...
    寥寥十一閱讀 1,822評論 0 6