初學(xué)CSS

CSS是(Cascading Style Sheet)的縮寫(xiě)纸颜,也被稱為層疊樣式單;主要用作網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)狂打,包括字體大小,顏色伦连,以及元素的精確定位等雨饺。

1.如何讓CSS和html5有關(guān)聯(lián)呢/

引入外部css樣式單文件,在html5的<head.../>元素內(nèi)插入<link.../>子元素:

<head>
     <link herf="out.css" rel="stylesheet" type="text/css">
</head>

直接在html5里面增加css樣式采用的方法是直接在需要添加樣式的標(biāo)簽上寫(xiě)style="需要添加的樣式屬性"

2.如何在外部css樣式單文件準(zhǔn)確定位到需要添加樣式的標(biāo)簽上呢?

用css選擇器來(lái)準(zhǔn)確定位 那么css的選擇器有哪些呢?有很多惑淳,那么下面我給大家一一介紹一下:

1.元素選擇器

2.屬性選擇器

3.id選擇器

4.類選擇器

5.子選擇器

6.后代選擇器

3.css的幾種引入方式{1.內(nèi)聯(lián)style屬性 } {2.style標(biāo)簽} {3.外部文件css link}

4.學(xué)習(xí)css的幾種資源:

一.google關(guān)鍵詞:MND

二.CSS Tricks

三.阮一峰 css

四.張?chǎng)涡竦?40多篇css博客

五.Codrops 酷炫css效果

六. css揭秘(推薦購(gòu)買書(shū)籍)

七.css 2.1中文spec (最權(quán)威的書(shū)其實(shí)就是文檔)

4 針對(duì)style="float:left"的bug的修復(fù):

clearfix::after{
      content: '';
      display:block;
      clear:both;
}

注意添加float:left的子元素 其直屬母元素上一定要加clearfix

5.當(dāng)你不知道自己<div>里面框的是什么的時(shí)候你可以在這個(gè)div里面加一個(gè)style="border:1px solid red"這個(gè)屬性會(huì)讓你直接看到div的框架额港。

6 我學(xué)習(xí)css中所用到的屬性及其含義:

padding:20px 0px 20px 0px(padding是內(nèi)邊距 后面的數(shù)字意思分別是 上 右 下 左)

margin外邊距 用法跟padding一樣也是后面加所需要的數(shù)字

text-decoration:none(這個(gè)是樣式 默認(rèn)的樣式是有下劃線underline的 這個(gè)呢就是幫助你去掉下劃線 也還有overline上劃線等等)

text-align:center(文字居中的意思)

font-weight:bold(字體加粗)

font-family:字體樣式(意思的選擇你想要的字體樣式)

font-size(字體大小tiaojie)

display-block(脫離文檔流)

background-position:center center(背景圖片居中)

background-size:cover(背景圖片按比例縮放)

mix-weight:100px(最大寬度不超過(guò)100px)

margin-left:auto ; margin-right:auto;(可以實(shí)現(xiàn)水平居中)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市歧焦,隨后出現(xiàn)的幾起案子移斩,更是在濱河造成了極大的恐慌,老刑警劉巖绢馍,帶你破解...
    沈念sama閱讀 223,002評(píng)論 6 519
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件向瓷,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡舰涌,警方通過(guò)查閱死者的電腦和手機(jī)猖任,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,357評(píng)論 3 400
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)瓷耙,“玉大人朱躺,你說(shuō)我怎么就攤上這事「橥矗” “怎么了长搀?”我有些...
    開(kāi)封第一講書(shū)人閱讀 169,787評(píng)論 0 365
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)落追。 經(jīng)常有香客問(wèn)我,道長(zhǎng)涯肩,這世上最難降的妖魔是什么轿钠? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 60,237評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮病苗,結(jié)果婚禮上疗垛,老公的妹妹穿的比我還像新娘。我一直安慰自己硫朦,他們只是感情好贷腕,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,237評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著咬展,像睡著了一般泽裳。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上破婆,一...
    開(kāi)封第一講書(shū)人閱讀 52,821評(píng)論 1 314
  • 那天涮总,我揣著相機(jī)與錄音,去河邊找鬼祷舀。 笑死瀑梗,一個(gè)胖子當(dāng)著我的面吹牛烹笔,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播抛丽,決...
    沈念sama閱讀 41,236評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼谤职,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了亿鲜?” 一聲冷哼從身側(cè)響起允蜈,我...
    開(kāi)封第一講書(shū)人閱讀 40,196評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎狡门,沒(méi)想到半個(gè)月后陷寝,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,716評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡其馏,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,794評(píng)論 3 343
  • 正文 我和宋清朗相戀三年凤跑,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片叛复。...
    茶點(diǎn)故事閱讀 40,928評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡仔引,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出褐奥,到底是詐尸還是另有隱情咖耘,我是刑警寧澤,帶...
    沈念sama閱讀 36,583評(píng)論 5 351
  • 正文 年R本政府宣布撬码,位于F島的核電站儿倒,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏呜笑。R本人自食惡果不足惜夫否,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,264評(píng)論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望叫胁。 院中可真熱鬧凰慈,春花似錦、人聲如沸驼鹅。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,755評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)输钩。三九已至豺型,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間买乃,已是汗流浹背触创。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,869評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留为牍,地道東北人哼绑。 一個(gè)月前我還...
    沈念sama閱讀 49,378評(píng)論 3 379
  • 正文 我出身青樓岩馍,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親抖韩。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蛀恩,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,937評(píng)論 2 361

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

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,762評(píng)論 1 92
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁(yè)的形式展示給用戶的茂浮,因此網(wǎng)頁(yè)是網(wǎng)絡(luò)信息傳遞的載體双谆。網(wǎng)頁(yè)文件是用...
    阿啊阿吖丁閱讀 3,910評(píng)論 0 0
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒(méi)有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,069評(píng)論 0 1
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表,主要用...
    寥寥十一閱讀 1,839評(píng)論 0 6
  • #師北宸一塊聽(tīng)聽(tīng)寫(xiě)作課# 看到越來(lái)越多的網(wǎng)紅(包括知識(shí)網(wǎng)紅),你知道他們能紅的秘訣嗎幌羞? 這個(gè)社會(huì)寸谜,永遠(yuǎn)不缺瓜子群眾...
    櫻花燦漫時(shí)節(jié)閱讀 366評(píng)論 8 6