css學(xué)習(xí)小結(jié)

css是什么?

css全名層疊樣式表勒奇,英文名Cascading Style Sheets甩十,如果看不懂沒關(guān)系,如果說html是人的人體骨干的話那么css就是穿在人身上的衣服坪郭,光看人體雖有內(nèi)容可光禿禿一覽無余个从,但是穿上了美麗動(dòng)人的衣服后就有婀娜多姿之彩,更能體現(xiàn)人體之美歪沃,而css就是充當(dāng)裝飾html作用的

總而言之嗦锐,css就充當(dāng)裝飾html作用的,直接進(jìn)入玄學(xué)世界吧
為什么這樣可以沪曙?為什么這樣又不行奕污?又抽風(fēng)了?WTF是什么鬼玩意是bug嗎液走?css日常吐槽


css版本

CSS 2.1是現(xiàn)今應(yīng)用最廣泛的css版本了碳默,自從2011年出來以后迄今為止已過9年了;但是CSS3不同以往缘眶。他是模塊升級(jí)的產(chǎn)物嘱根。顧名思義,CSS已經(jīng)被分為不同的模塊巷懈,各自升級(jí)该抒。如選擇器,媒體查詢顶燕,Color凑保。可以盡情谷歌CSS spec查詢功能割岛∮涫剩看文檔。


css周邊工具

LESS CSS:一種簡(jiǎn)化癣漆、功能更多的 CSS 語(yǔ)言
SASS:一種簡(jiǎn)化维咸、功能更多的 CSS 語(yǔ)言
PostCSS:一種 CSS 處理程序


學(xué)習(xí)資源

谷歌關(guān)鍵詞MDN
CSS Tricks + 關(guān)鍵詞 此網(wǎng)站有各種CSS的特效技巧!
阮一峰 張?chǎng)涡?等博客
codrops 里面有css實(shí)現(xiàn)的小控件
css揭秘--book
建議看英文書籍


css與html連接方法
  1. 內(nèi)聯(lián)樣式
  2. style標(biāo)簽法
  3. link外聯(lián)樣式

筆記部分(干貨滿滿)
  1. 文檔流
    文檔流是什么惠爽?文檔流是文檔內(nèi)元素的流動(dòng)方向癌蓖,內(nèi)聯(lián)元素從左到右依次排開,塊級(jí)元素則是從上往下依次排開且單個(gè)元素另起一行
  2. div高度
    div的高度是由其內(nèi)部文檔流元素的高度總和決定的
  3. 如何使用float來實(shí)現(xiàn)橫向布局
    設(shè)置class:clearfix婚肆,在子元素上設(shè)置分別設(shè)置float然后在父元素上設(shè)置class:clearfix
    clearfix代碼如下:
.clearfix::after {
    content: '';
    display: block;
    clear: both;
}
  1. max-width和width的區(qū)別就是width是固定寬度是寫死的租副,不利于后續(xù)擴(kuò)展;而max-width則是最大寬度较性,這個(gè)最大寬度可以自適應(yīng)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末用僧,一起剝皮案震驚了整個(gè)濱河市结胀,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌责循,老刑警劉巖糟港,帶你破解...
    沈念sama閱讀 211,639評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異院仿,居然都是意外死亡秸抚,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門歹垫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來剥汤,“玉大人,你說我怎么就攤上這事排惨】愿遥” “怎么了?”我有些...
    開封第一講書人閱讀 157,221評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵若贮,是天一觀的道長(zhǎng)省有。 經(jīng)常有香客問我痒留,道長(zhǎng)谴麦,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,474評(píng)論 1 283
  • 正文 為了忘掉前任伸头,我火速辦了婚禮匾效,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘恤磷。我一直安慰自己面哼,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,570評(píng)論 6 386
  • 文/花漫 我一把揭開白布扫步。 她就那樣靜靜地躺著魔策,像睡著了一般。 火紅的嫁衣襯著肌膚如雪河胎。 梳的紋絲不亂的頭發(fā)上闯袒,一...
    開封第一講書人閱讀 49,816評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音游岳,去河邊找鬼政敢。 笑死,一個(gè)胖子當(dāng)著我的面吹牛胚迫,可吹牛的內(nèi)容都是我干的喷户。 我是一名探鬼主播,決...
    沈念sama閱讀 38,957評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼访锻,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼褪尝!你這毒婦竟也來了闹获?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,718評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤河哑,失蹤者是張志新(化名)和其女友劉穎昌罩,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體灾馒,經(jīng)...
    沈念sama閱讀 44,176評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡茎用,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,511評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了睬罗。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片轨功。...
    茶點(diǎn)故事閱讀 38,646評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖容达,靈堂內(nèi)的尸體忽然破棺而出古涧,到底是詐尸還是另有隱情,我是刑警寧澤花盐,帶...
    沈念sama閱讀 34,322評(píng)論 4 330
  • 正文 年R本政府宣布羡滑,位于F島的核電站,受9級(jí)特大地震影響算芯,放射性物質(zhì)發(fā)生泄漏柒昏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,934評(píng)論 3 313
  • 文/蒙蒙 一熙揍、第九天 我趴在偏房一處隱蔽的房頂上張望职祷。 院中可真熱鬧,春花似錦届囚、人聲如沸有梆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)泥耀。三九已至,卻和暖如春蛔添,著一層夾襖步出監(jiān)牢的瞬間痰催,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評(píng)論 1 266
  • 我被黑心中介騙來泰國(guó)打工作郭, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留陨囊,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,358評(píng)論 2 360
  • 正文 我出身青樓夹攒,卻偏偏與公主長(zhǎng)得像蜘醋,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子咏尝,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,514評(píng)論 2 348