關(guān)于CSS的常見樣式問答2

  1. text-align: center的作用是什么,作用在什么元素上?能讓什么元素水平居中
    text-align: center的作用是使塊元素中的行內(nèi)元素水平居中排列。
    作用在塊元素上,讓行內(nèi)元素水平居中辜伟。
  2. IE 盒模型和W3C盒模型有什么區(qū)別?
  • IE盒模型的寬度和高度算的是內(nèi)容加內(nèi)邊距加邊框的寬度和高度
  • W3C盒模型的寬度和高度算的是內(nèi)容的寬度和高度
  1. *{ box-sizing: border-box;}的作用是什么?
    使所有元素遵循IE盒模型的標準
  2. line-height: 2和line-height: 200%有什么區(qū)別?
  • line-height: 2的意義是使當前元素行高等于當前元素字體尺寸的2倍脊另,可繼承导狡,對繼承的子元素遵循同樣法則。
    -line-height: 200%的意義是使當前元素行高設(shè)置當前元素字體尺寸200%的像素值x偎痛,比較不人性化旱捧,對于繼承的元素行高等于最初的那個像素值x。
  1. inline-block有什么特性看彼?如何去除縫隙廊佩?高度不一樣的inline-block元素如何頂端對齊?
  • 既具有inline的特性,不占據(jù)一整行靖榕,寬度由內(nèi)容寬度決定标锄。又具有block的特性,可設(shè)置寬高茁计,內(nèi)外邊距料皇。
  • 可以使用刪除兩個行內(nèi)元素標簽之間的空白的方式解決;也可使用設(shè)置字體大小為0的方法實現(xiàn)星压。這個方法具體是這樣:在行內(nèi)元素添加一個塊元素践剂,對塊元素字體設(shè)置為0,然后在分別設(shè)置行內(nèi)元素正常的字體大小娜膘。
  • 使用vertical-align: top;的方式實現(xiàn)逊脯。
  1. CSS sprite 是什么?
    CSS sprite又稱CSS精靈圖或者雪碧圖。主要用途是將網(wǎng)頁上要使用的一些小圖標集中放置在一張圖片上竣贪,起到減少加載頁面的圖片請求的作用军洼。
  2. 讓一個元素"看不見"有幾種方式?有什么區(qū)別?
  • opacity: 0 ; 設(shè)置透明度為0演怎,但是元素還是會占位置
  • visibility: hidden ; 同上
  • display:none; 不放置這個元素匕争,元素不占用位置,徹底在頁面上消失了
  • background-color: rgba(0爷耀,0甘桑,0,0) 設(shè)置背景色透明,只針對背景色
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末跑杭,一起剝皮案震驚了整個濱河市铆帽,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌艘蹋,老刑警劉巖锄贼,帶你破解...
    沈念sama閱讀 212,816評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異女阀,居然都是意外死亡,警方通過查閱死者的電腦和手機屑迂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評論 3 385
  • 文/潘曉璐 我一進店門浸策,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人惹盼,你說我怎么就攤上這事庸汗。” “怎么了手报?”我有些...
    開封第一講書人閱讀 158,300評論 0 348
  • 文/不壞的土叔 我叫張陵蚯舱,是天一觀的道長。 經(jīng)常有香客問我掩蛤,道長枉昏,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,780評論 1 285
  • 正文 為了忘掉前任揍鸟,我火速辦了婚禮兄裂,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘阳藻。我一直安慰自己晰奖,他們只是感情好,可當我...
    茶點故事閱讀 65,890評論 6 385
  • 文/花漫 我一把揭開白布腥泥。 她就那樣靜靜地躺著匾南,像睡著了一般。 火紅的嫁衣襯著肌膚如雪蛔外。 梳的紋絲不亂的頭發(fā)上蛆楞,一...
    開封第一講書人閱讀 50,084評論 1 291
  • 那天,我揣著相機與錄音冒萄,去河邊找鬼臊岸。 笑死,一個胖子當著我的面吹牛尊流,可吹牛的內(nèi)容都是我干的帅戒。 我是一名探鬼主播,決...
    沈念sama閱讀 39,151評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼逻住!你這毒婦竟也來了钟哥?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,912評論 0 268
  • 序言:老撾萬榮一對情侶失蹤瞎访,失蹤者是張志新(化名)和其女友劉穎腻贰,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體扒秸,經(jīng)...
    沈念sama閱讀 44,355評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡播演,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,666評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了伴奥。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片写烤。...
    茶點故事閱讀 38,809評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖拾徙,靈堂內(nèi)的尸體忽然破棺而出洲炊,到底是詐尸還是另有隱情,我是刑警寧澤尼啡,帶...
    沈念sama閱讀 34,504評論 4 334
  • 正文 年R本政府宣布暂衡,位于F島的核電站,受9級特大地震影響崖瞭,放射性物質(zhì)發(fā)生泄漏狂巢。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,150評論 3 317
  • 文/蒙蒙 一读恃、第九天 我趴在偏房一處隱蔽的房頂上張望隧膘。 院中可真熱鬧,春花似錦寺惫、人聲如沸疹吃。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽萨驶。三九已至,卻和暖如春艇肴,著一層夾襖步出監(jiān)牢的瞬間腔呜,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評論 1 267
  • 我被黑心中介騙來泰國打工再悼, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留核畴,地道東北人。 一個月前我還...
    沈念sama閱讀 46,628評論 2 362
  • 正文 我出身青樓冲九,卻偏偏與公主長得像谤草,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,724評論 2 351

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案丑孩? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,742評論 1 92
  • 1.塊級元素和行內(nèi)元素 塊級(block-level)元素冀宴;行內(nèi)(內(nèi)聯(lián)、inline-level)元素温学。 塊元素的...
    饑人谷_小侯閱讀 1,994評論 1 4
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color略贮,font,text-align仗岖,li...
    wzhiq896閱讀 1,737評論 0 2
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color逃延,font,text-align轧拄,li...
    love2013閱讀 2,306評論 0 11
  • 本文主要是起筆記的作用真友,內(nèi)容來自慕課網(wǎng). 認識CSS樣式 CSS全稱為“層疊樣式表 (Cascading Styl...
    0o凍僵的企鵝o0閱讀 2,630評論 0 30