測試小工具_Css碎碎念

CSS主要用于定義怎么顯示HTML元素,使用外部樣式表可與html代碼分離,減少耦合岖赋。文件保存后綴名為.css。本文僅針對目前已用到的部分模塊進行介紹說明瓮孙。

CSS模塊

1.id和class選擇器唐断,想要在html元素中設(shè)置CSS樣式选脊,需要在元素中設(shè)置“id”和"class"選擇器。

id選擇器可以為標有特定id的HTML元素指定特定的樣式脸甘,CSS中id選擇器以“#”來定義恳啥。比如:

<p id = "para1">每個表格從一個 table 標簽開始。</p>

#para1

{

text-align:center;

color:red;

}

此時html中的段落會根據(jù)css文件中的設(shè)定來進行顯示丹诀。

注:id屬性不要以數(shù)字開頭钝的,數(shù)字開頭的id在Mozilla/Firefox 瀏覽器中不起作用。

class 選擇器用于描述一組元素的樣式铆遭,class 選擇器有別于id選擇器硝桩,class可以在多個元素中使用。?

class 選擇器在HTML中以class屬性表示, 在 CSS 中枚荣,類選擇器以一個點"."號顯示碗脊,比如:

<h1 class="center">標題居中</h1>

<p class="center">段落居中。</p>

.center

{

text-align:center;

}

此時html中的段落和標題會根據(jù)css文件中的設(shè)定來進行顯示橄妆。

注:類名的第一個字符不能使用數(shù)字望薄!它無法在 Mozilla 或 Firefox 中起作用。

兩者使用過程中需關(guān)注的點:

1)需要單獨操作某一個元素時呼畸,Javascript和Css可通過id屬性完成痕支;需要操作屬于同一個class下的所有元素的時候,Javascript和Css可通過class屬性完成

2)id是先找到結(jié)構(gòu)/內(nèi)容蛮原,再給它定義樣式卧须;class是先定義好一種樣式,再套給多個結(jié)構(gòu)/內(nèi)容儒陨。

2.div

目前未用到花嘶,待用到后再補充

3.span

目前未用到,待用到后再補充

4.其他模塊:

CSS注釋以?/*?開始, 以??*/?結(jié)束

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蹦漠,一起剝皮案震驚了整個濱河市椭员,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌笛园,老刑警劉巖隘击,帶你破解...
    沈念sama閱讀 212,454評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異研铆,居然都是意外死亡埋同,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評論 3 385
  • 文/潘曉璐 我一進店門棵红,熙熙樓的掌柜王于貴愁眉苦臉地迎上來凶赁,“玉大人,你說我怎么就攤上這事∈蓿” “怎么了致板?”我有些...
    開封第一講書人閱讀 157,921評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長咏窿。 經(jīng)常有香客問我斟或,道長,這世上最難降的妖魔是什么翰灾? 我笑而不...
    開封第一講書人閱讀 56,648評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮稚茅,結(jié)果婚禮上纸淮,老公的妹妹穿的比我還像新娘。我一直安慰自己亚享,他們只是感情好咽块,可當我...
    茶點故事閱讀 65,770評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著欺税,像睡著了一般侈沪。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上晚凿,一...
    開封第一講書人閱讀 49,950評論 1 291
  • 那天亭罪,我揣著相機與錄音,去河邊找鬼歼秽。 笑死应役,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的燥筷。 我是一名探鬼主播箩祥,決...
    沈念sama閱讀 39,090評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼肆氓!你這毒婦竟也來了袍祖?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,817評論 0 268
  • 序言:老撾萬榮一對情侶失蹤谢揪,失蹤者是張志新(化名)和其女友劉穎蕉陋,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體拨扶,經(jīng)...
    沈念sama閱讀 44,275評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡寺滚,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,592評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了屈雄。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片村视。...
    茶點故事閱讀 38,724評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖酒奶,靈堂內(nèi)的尸體忽然破棺而出蚁孔,到底是詐尸還是另有隱情奶赔,我是刑警寧澤,帶...
    沈念sama閱讀 34,409評論 4 333
  • 正文 年R本政府宣布杠氢,位于F島的核電站站刑,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,052評論 3 316
  • 文/蒙蒙 一淹遵、第九天 我趴在偏房一處隱蔽的房頂上張望哀九。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至琐鲁,卻和暖如春卫旱,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背围段。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評論 1 266
  • 我被黑心中介騙來泰國打工顾翼, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人奈泪。 一個月前我還...
    沈念sama閱讀 46,503評論 2 361
  • 正文 我出身青樓暴构,卻偏偏與公主長得像,于是被迫代替她去往敵國和親段磨。 傳聞我的和親對象是個殘疾皇子取逾,可洞房花燭夜當晚...
    茶點故事閱讀 43,627評論 2 350

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