CSS常見樣式2

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

center的作用:對塊狀元素中的行內(nèi)元素(文本锰扶、span、dt)起作用寝受,居中是塊狀元素里面的元素居中坷牛,并不是塊狀元素居中。

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

Paste_Image.png

標準盒模型的范圍包括margin羡蛾、border漓帅、padding、content痴怨,并且content部分不包含其他部分忙干。
width:margin2+border2+padding2+width;
height:margin
2+border2+padding2+height;

Paste_Image.png

IE 盒子模型的范圍也包括 margin、border浪藻、padding捐迫、content,和標準 W3C 盒子模型不同的是:IE 盒子模型的 content 部分包含了 border 和 pading爱葵。
width:margin+border+padding+width;
ie中content的寬度包括padding和border這兩個屬性施戴;

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

塊級元素實際所占寬高度=外邊距(margin)+邊界寬度(border-width)+內(nèi)邊距(padding)+高度(height)/寬度(width)萌丈;
如果設置了border-box赞哗,實際所占的寬高度=設置的高度(height)/ 設置的寬度(width)+ 外邊距(margin);
一般在寫頁面的時候用這個屬性就不會再考慮邊框和內(nèi)邊距會改變整體所占寬度辆雾,即不用再根據(jù)盒子模型再去計算肪笋,省去很多麻煩。

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

  • line-height:2 是指行高是盒子模型里的content的兩倍行高
  • line-height:200%是指行高是父元素的行高的兩倍

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

inline-block 既呈現(xiàn) Inline 特性(不占據(jù)一整行猜揪,寬度由內(nèi)容寬度決定)又呈現(xiàn)block特性(可設置寬度高,內(nèi)外邊距)
兩段span中間的空隙去掉變成一行坛梁,不要留出空白字符
.wrap{front-size:0;}

高度不一樣的inline-block元素如何頂端對齊?

vertical-align:top;

CSS sprite 是什么?

指將不同的圖片/圖標合并到一張圖片上而姐。
使用css sprite可以減少網(wǎng)絡請求,提高網(wǎng)頁加載性能

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

opacity: 0 ; 透明度為0拴念,整體
visibility: hidden; 和opacity:0 類似
display:none; 消失,不占用位置
background-color: rgba(0尖殃,0丈莺,0划煮,0.2)只是背景色透明
編碼1.
編碼2.

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末送丰,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子弛秋,更是在濱河造成了極大的恐慌器躏,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,744評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蟹略,死亡現(xiàn)場離奇詭異登失,居然都是意外死亡,警方通過查閱死者的電腦和手機挖炬,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,505評論 3 392
  • 文/潘曉璐 我一進店門揽浙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人意敛,你說我怎么就攤上這事馅巷。” “怎么了草姻?”我有些...
    開封第一講書人閱讀 163,105評論 0 353
  • 文/不壞的土叔 我叫張陵钓猬,是天一觀的道長。 經(jīng)常有香客問我撩独,道長敞曹,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,242評論 1 292
  • 正文 為了忘掉前任综膀,我火速辦了婚禮澳迫,結果婚禮上,老公的妹妹穿的比我還像新娘剧劝。我一直安慰自己橄登,他們只是感情好,可當我...
    茶點故事閱讀 67,269評論 6 389
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著示绊,像睡著了一般锭部。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上面褐,一...
    開封第一講書人閱讀 51,215評論 1 299
  • 那天拌禾,我揣著相機與錄音,去河邊找鬼展哭。 笑死湃窍,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的匪傍。 我是一名探鬼主播您市,決...
    沈念sama閱讀 40,096評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼役衡!你這毒婦竟也來了茵休?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 38,939評論 0 274
  • 序言:老撾萬榮一對情侶失蹤手蝎,失蹤者是張志新(化名)和其女友劉穎榕莺,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體棵介,經(jīng)...
    沈念sama閱讀 45,354評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡钉鸯,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,573評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了邮辽。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片唠雕。...
    茶點故事閱讀 39,745評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖吨述,靈堂內(nèi)的尸體忽然破棺而出岩睁,到底是詐尸還是另有隱情,我是刑警寧澤锐极,帶...
    沈念sama閱讀 35,448評論 5 344
  • 正文 年R本政府宣布笙僚,位于F島的核電站,受9級特大地震影響灵再,放射性物質(zhì)發(fā)生泄漏肋层。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,048評論 3 327
  • 文/蒙蒙 一翎迁、第九天 我趴在偏房一處隱蔽的房頂上張望栋猖。 院中可真熱鬧,春花似錦汪榔、人聲如沸蒲拉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,683評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽雌团。三九已至燃领,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間锦援,已是汗流浹背猛蔽。 一陣腳步聲響...
    開封第一講書人閱讀 32,838評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留灵寺,地道東北人曼库。 一個月前我還...
    沈念sama閱讀 47,776評論 2 369
  • 正文 我出身青樓,卻偏偏與公主長得像略板,于是被迫代替她去往敵國和親毁枯。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,652評論 2 354

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案叮称? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,751評論 1 92
  • text-align: center的作用是什么种玛,作用在什么元素上?能讓什么元素水平居中 1颅拦、當作用于塊級元素時蒂誉,...
    我要認真學前端閱讀 630評論 0 1
  • 一教藻,text-align: center的作用是什么距帅,作用在什么元素上?能讓什么元素水平居中 作用在塊級元素上面括堤,...
    DeeJay_Y閱讀 250評論 0 0
  • 一碌秸、text-align: center的作用是什么,作用在什么元素上悄窃?能讓什么元素水平居中 text 文本 a...
    任少鵬閱讀 328評論 0 0
  • 最近我越來越感到不自信讥电,根源在哪里!有兩個轧抗,一個自身運動能力不強恩敌,在考核比武中拿不出手,因此横媚,在單位不自信纠炮。另一個...
    2017人生的開始閱讀 165評論 0 0