CSS常見樣式2

text-align: center的作用是什么左电,作用在什么元素上陷遮?能讓什么元素水平居中


text-align:center的作用是使元素居中疗韵,一般作用于內(nèi)聯(lián)元素瓣赂,類似文本以及圖片慧域,使其居中鲤竹。對于text-align: center;而言,是使在塊級元素中的文本居中昔榴,但是text-align: center;只是控制塊級元素中的內(nèi)容居中辛藻,無法控制塊級元素的位置調(diào)整。

IE 盒模型和W3C盒模型有什么區(qū)別?


對于IE盒模型只會出現(xiàn)在IE5.5或者更早的版本中互订,在IE6以及更新版本標準兼容模式下使用的都是W3C盒子模型吱肌,即標準盒子模型
具體區(qū)別是:
IE盒模型的寬度和高度是指包括border和padding的寬度和高度
標準盒子模型的寬度和高度是指content的寬度和高度

*{ box-sizing: border-box;}的作用是什么?


當你設(shè)置一個元素為 box-sizing: border-box; 時仰禽,此元素的內(nèi)邊距和邊框不再會增加它的寬度氮墨,一般制作自適應(yīng)網(wǎng)頁時應(yīng)用此功能

line-height: 2和line-height: 200%有什么區(qū)別?


line-height:2代表著行高為當前內(nèi)容的文字高度的兩倍。
line-height:200%代表著行高為當前父元素文字高度的兩倍吐葵。

inline-block有什么特性规揪?如何去除縫隙?高度不一樣的inline-block元素如何頂端對齊?


inline-block即有著行內(nèi)元素的特性温峭,不占據(jù)一整行猛铅;也具有塊級元素的特點,能夠設(shè)置寬高诚镰,內(nèi)外邊距奕坟;

當存在空隙時候是因為html將元素與元素之間的空格以及換行識別成一個空字符,因此最簡單的方式就是將中間的空格以及換行消除掉清笨,但是這樣下來很不方便代碼的閱讀月杉,比較通用的方法是將inline-block的父元素的font-size設(shè)置為0,然后再單獨對inline-block里面的元素的font-size進行設(shè)置抠艾。

當高度不一致的inline-block沒有頂端對齊的時候苛萎,可以使用

vertical-align: top;

CSS sprite 是什么?


CSS sprite是將很多零碎的圖標圖片整合到一張圖上,用來提高網(wǎng)頁響應(yīng)速度,減少加載請求腌歉,提高網(wǎng)絡(luò)性能的處理方式蛙酪。

讓一個元素"看不見"有幾種方式?有什么區(qū)別?


opacity: 0;整體透明度設(shè)置為0翘盖;區(qū)域空間還在桂塞,點擊的話鏈接還是能工作。
visibility: hidden;和上者相似馍驯;
display: none;消失阁危,沒有占位;但是內(nèi)容完全沒有了汰瘫。區(qū)域空間還在狂打,但是點擊的話鏈接不會產(chǎn)生任何效果。
background-color: rgba(0混弥,0趴乡,0,0.2)只是背景色透明蝗拿,rgba最后一個參數(shù)指的是透明度晾捏,其中1為100%,相應(yīng)的0.2為20%的透明度蛹磺。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末粟瞬,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子萤捆,更是在濱河造成了極大的恐慌裙品,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,270評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件俗或,死亡現(xiàn)場離奇詭異市怎,居然都是意外死亡,警方通過查閱死者的電腦和手機辛慰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評論 3 395
  • 文/潘曉璐 我一進店門区匠,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人帅腌,你說我怎么就攤上這事驰弄。” “怎么了速客?”我有些...
    開封第一講書人閱讀 165,630評論 0 356
  • 文/不壞的土叔 我叫張陵戚篙,是天一觀的道長。 經(jīng)常有香客問我溺职,道長岔擂,這世上最難降的妖魔是什么位喂? 我笑而不...
    開封第一講書人閱讀 58,906評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮乱灵,結(jié)果婚禮上塑崖,老公的妹妹穿的比我還像新娘。我一直安慰自己痛倚,他們只是感情好规婆,可當我...
    茶點故事閱讀 67,928評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著状原,像睡著了一般聋呢。 火紅的嫁衣襯著肌膚如雪苗踪。 梳的紋絲不亂的頭發(fā)上颠区,一...
    開封第一講書人閱讀 51,718評論 1 305
  • 那天,我揣著相機與錄音通铲,去河邊找鬼毕莱。 笑死,一個胖子當著我的面吹牛颅夺,可吹牛的內(nèi)容都是我干的朋截。 我是一名探鬼主播,決...
    沈念sama閱讀 40,442評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼吧黄,長吁一口氣:“原來是場噩夢啊……” “哼部服!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起拗慨,我...
    開封第一講書人閱讀 39,345評論 0 276
  • 序言:老撾萬榮一對情侶失蹤廓八,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后赵抢,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體剧蹂,經(jīng)...
    沈念sama閱讀 45,802評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,984評論 3 337
  • 正文 我和宋清朗相戀三年烦却,在試婚紗的時候發(fā)現(xiàn)自己被綠了宠叼。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,117評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡其爵,死狀恐怖冒冬,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情摩渺,我是刑警寧澤简烤,帶...
    沈念sama閱讀 35,810評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站证逻,受9級特大地震影響乐埠,放射性物質(zhì)發(fā)生泄漏抗斤。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,462評論 3 331
  • 文/蒙蒙 一丈咐、第九天 我趴在偏房一處隱蔽的房頂上張望瑞眼。 院中可真熱鬧,春花似錦棵逊、人聲如沸伤疙。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽徒像。三九已至,卻和暖如春蛙讥,著一層夾襖步出監(jiān)牢的瞬間锯蛀,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評論 1 272
  • 我被黑心中介騙來泰國打工次慢, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留旁涤,地道東北人。 一個月前我還...
    沈念sama閱讀 48,377評論 3 373
  • 正文 我出身青樓迫像,卻偏偏與公主長得像劈愚,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子闻妓,可洞房花燭夜當晚...
    茶點故事閱讀 45,060評論 2 355

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