2018-03-29

CSS入門(1)

  1. 初識CSS
  • CSS指層疊樣式表(Cascading Style Sheets),樣式定義了如何顯示HTML元素铣口。
  • CSS由選擇器和一或多條聲明構成禽拔,聲明由屬性和值構成:
/*css的注釋長這樣*/
h1 {color:red;font-size:10px;}

這里h1就是選擇器庞钢,color(屬性):red(值);為一條聲明。

  • id選擇器和class選擇器
    可以為標有id或class的元素指定樣式话侄,這時選擇器可為#id值 .class值
  1. 四種引入CSS的方式:
  • style屬性
    放在一個元素中作為style屬性,作為內聯(lián)樣式年堆,少用吞杭。
  • style標簽
    <style>標簽放在頭部,定義內部樣式表变丧,如:
<head>
 <style>
   p {marging-left:10px;}
   body {background-image:url("image/xx.gif");}
 </style>
</head>
  • css link
    <link>標簽放在頭部芽狗,鏈接外部樣式表,如:
<head>
 <link rel="stylesheet" type="text/css" href="style.css">
</head>
  • css import
    注:多重樣式時痒蓬,遵循優(yōu)先級:style屬性(內聯(lián))>style標簽(內部)>css link(外部)>瀏覽器默認樣式

3 常見CSS屬性:

屬性 用法
font-family 文本字體
font-size 文字大小
font-weight 字體粗細童擎,normal、bold攻晒、lighter等
color
background-color 元素的背景顏色
margin 元素的邊距顾复,4個值(上右下左)、3個值(上‘左右’下)鲁捏、2個值(上下)芯砸、1個值(四邊)
padding 元素填充距離,同marging差不多给梅,但不能為負值
line-height 行高假丧,90%、110%等
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末破喻,一起剝皮案震驚了整個濱河市虎谢,隨后出現的幾起案子,更是在濱河造成了極大的恐慌曹质,老刑警劉巖婴噩,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異羽德,居然都是意外死亡几莽,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進店門宅静,熙熙樓的掌柜王于貴愁眉苦臉地迎上來章蚣,“玉大人,你說我怎么就攤上這事姨夹∠舜梗” “怎么了?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵磷账,是天一觀的道長峭沦。 經常有香客問我,道長逃糟,這世上最難降的妖魔是什么吼鱼? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任蓬豁,我火速辦了婚禮,結果婚禮上菇肃,老公的妹妹穿的比我還像新娘地粪。我一直安慰自己,他們只是感情好琐谤,可當我...
    茶點故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布蟆技。 她就那樣靜靜地躺著,像睡著了一般斗忌。 火紅的嫁衣襯著肌膚如雪付魔。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天飞蹂,我揣著相機與錄音几苍,去河邊找鬼。 笑死陈哑,一個胖子當著我的面吹牛妻坝,可吹牛的內容都是我干的。 我是一名探鬼主播惊窖,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼刽宪,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了界酒?” 一聲冷哼從身側響起圣拄,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎毁欣,沒想到半個月后庇谆,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡凭疮,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年饭耳,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片执解。...
    茶點故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡寞肖,死狀恐怖,靈堂內的尸體忽然破棺而出衰腌,到底是詐尸還是另有隱情新蟆,我是刑警寧澤,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布右蕊,位于F島的核電站琼稻,受9級特大地震影響,放射性物質發(fā)生泄漏尤泽。R本人自食惡果不足惜欣簇,卻給世界環(huán)境...
    茶點故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望坯约。 院中可真熱鬧熊咽,春花似錦、人聲如沸闹丐。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽卿拴。三九已至衫仑,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間堕花,已是汗流浹背文狱。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留缘挽,地道東北人瞄崇。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像壕曼,于是被迫代替她去往敵國和親苏研。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,901評論 2 345

推薦閱讀更多精彩內容