第十二節(jié):常見CSS樣式聲明

常見樣式聲明

1、 color
元素內(nèi)部的文字顏色
預(yù)設(shè)值:定義好的單詞
三原色邀桑,色值:光學(xué)三原色(紅瞎疼、綠、藍(lán))壁畸,每種顏色可以使用0-255之間的數(shù)字來表達(dá)贼急,數(shù)字越大,顏色越重

rgb表示法:
rgb(0,255,0)
hex(16進(jìn)制)表示法:
#紅綠藍(lán)
#008c8c

常見顏色:
淘寶紅:#ff4400瓤摧、 #f40
黑色:#000000竿裂、#000
白色:#ffffff、#fff
紅:#ff0000照弥、#f00
灰色:#cccccc腻异、#ccc

2、backgroud-color
背景顏色

3这揣、font-size
元素內(nèi)部文字的尺寸大小
1悔常、px:像素,絕對單位给赞,簡單的理解為文字的高度占用多少個(gè)像素
2机打、em:相對單位,相對于父元素的字體大小
每個(gè)元素必須有字體大小片迅,如果沒有聲明残邀,則直接使用父元素的字體大小,如果沒有父元素(html)柑蛇,則使用基準(zhǔn)字號芥挣。

4、font-weight
文字粗細(xì)程序耻台,可以取值數(shù)字空免,可以取值為預(yù)設(shè)值
默認(rèn)值是normal等于重量400 不加粗
bold 加粗

strong元素,默認(rèn)加粗盆耽。

5蹋砚、font-family
文字類型

font-family: Arial, Helvetica, sans-serif;

這里的取值必須是用戶電腦存在的字體,英文可以使用consolas字體比較好看
sans-serif 表示非襯線字體

6摄杂、font-style
字體樣式坝咐,通常用它設(shè)置斜體(需要字體支持)

i元素、em元素的默認(rèn)樣式就是字體傾斜析恢;但在實(shí)際使用中墨坚,通常用來表示圖標(biāo)(icon)

font-style:italic;  傾斜
font-style:normal;  不傾斜

7、text-decoration
文本修飾氮昧,給文本加線框杜。
例如刪除線、上劃線袖肥、下劃線等
設(shè)置為空可以設(shè)置為none

a元素
del元素:錯(cuò)誤內(nèi)容咪辱、廢棄的內(nèi)容
s元素:過期的元素

8、text-indent
首行文本縮進(jìn)
可以使用px椎组、em油狂,em代表縮進(jìn)幾個(gè)漢字

9、line-height
行高寸癌,每行文本的高度該值越大专筷,每行文本的距離越大
設(shè)置行高為容器的高度,可以讓單行文本垂直居中
行高可以設(shè)置為純數(shù)字蒸苇,表示相對于當(dāng)前元素的字體大小

10磷蛹、width
寬度

11、height
高度

12溪烤、letter-spacing
文字間隙

13味咳、text-align
元素內(nèi)部文字的水平排列方式

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市檬嘀,隨后出現(xiàn)的幾起案子槽驶,更是在濱河造成了極大的恐慌,老刑警劉巖鸳兽,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件掂铐,死亡現(xiàn)場離奇詭異,居然都是意外死亡揍异,警方通過查閱死者的電腦和手機(jī)全陨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蒿秦,“玉大人烤镐,你說我怎么就攤上這事」鞅睿” “怎么了炮叶?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長渡处。 經(jīng)常有香客問我镜悉,道長,這世上最難降的妖魔是什么医瘫? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任侣肄,我火速辦了婚禮,結(jié)果婚禮上醇份,老公的妹妹穿的比我還像新娘稼锅。我一直安慰自己吼具,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布矩距。 她就那樣靜靜地躺著拗盒,像睡著了一般。 火紅的嫁衣襯著肌膚如雪锥债。 梳的紋絲不亂的頭發(fā)上陡蝇,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天,我揣著相機(jī)與錄音哮肚,去河邊找鬼登夫。 笑死,一個(gè)胖子當(dāng)著我的面吹牛允趟,可吹牛的內(nèi)容都是我干的恼策。 我是一名探鬼主播,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼拼窥,長吁一口氣:“原來是場噩夢啊……” “哼戏蔑!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起鲁纠,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤总棵,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后改含,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體情龄,經(jīng)...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年捍壤,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了骤视。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,795評論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡鹃觉,死狀恐怖专酗,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情盗扇,我是刑警寧澤祷肯,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站疗隶,受9級特大地震影響佑笋,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜斑鼻,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一蒋纬、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦蜀备、人聲如沸关摇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽拒垃。三九已至,卻和暖如春瓷蛙,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背戈毒。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工艰猬, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人埋市。 一個(gè)月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓冠桃,卻偏偏與公主長得像,于是被迫代替她去往敵國和親道宅。 傳聞我的和親對象是個(gè)殘疾皇子食听,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,724評論 2 354

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

  • 1.塊級元素和行內(nèi)元素 塊級(block-level)元素;行內(nèi)(內(nèi)聯(lián)污茵、inline-level)元素樱报。 塊元素的...
    饑人谷_小侯閱讀 2,002評論 1 4
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,055評論 0 1
  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識(shí)選擇器(重要!E⒌薄<8颉)繼承、特殊性襟士、層疊盗飒、重要性CSS格式化排版單位和值盒模型浮動(dòng)...
    廖少少閱讀 3,079評論 0 40
  • CSS全稱為“層疊樣式表 (Cascading Style Sheets)”,它主要是用于定義HTML內(nèi)容在瀏覽器...
    百作不死的學(xué)習(xí)閱讀 1,164評論 0 7
  • 05好運(yùn)不入怨門陋桂,牢騷滿腹失人緣 我們生在紅塵之中逆趣,生活離不開柴米油鹽醬醋茶,活在世俗中嗜历,少不了愛恨情仇長宣渗,所以注...
    天涯墨客閱讀 427評論 0 1