CSS3新特性

1.sticky粘性元素

在表格離開窗口之前,表頭可以一直fixed懸浮在表格最頂上屈溉,這杯稱為粘性元素設計

2.inline元素

設置padding-left,padding-right檐春,margin-left况芒,margin-right是有效的,設置上下邊距都是沒有效果的

3.BFC

原理

  • 塊級格式化上下文跳纳,是一種布局方式忍饰,盒子所在的塊級元素垂直排列,水平方向上撐滿整個寬度
  • 兩個相鄰BFC之間的距離由margin決定
  • 在同一個BFC內(nèi)部寺庄,兩個垂直方向相鄰的塊級元素的margin會發(fā)生塌陷
  • 解決垂直外邊距合并的解決為艾蓝,給這兩個盒子也創(chuàng)建BFC

創(chuàng)建BFC

  • float不為none
  • overflow不為visible
  • position為absolute或fixed
  • display為inline-block,table-cell斗塘,table-caption

BFC的作用

  • 清楚內(nèi)部浮動
  • 垂直外邊距合并
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末赢织,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子馍盟,更是在濱河造成了極大的恐慌于置,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,185評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件贞岭,死亡現(xiàn)場離奇詭異八毯,居然都是意外死亡,警方通過查閱死者的電腦和手機瞄桨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評論 3 393
  • 文/潘曉璐 我一進店門话速,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人芯侥,你說我怎么就攤上這事泊交。” “怎么了柱查?”我有些...
    開封第一講書人閱讀 163,524評論 0 353
  • 文/不壞的土叔 我叫張陵廓俭,是天一觀的道長。 經(jīng)常有香客問我物赶,道長白指,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,339評論 1 293
  • 正文 為了忘掉前任酵紫,我火速辦了婚禮告嘲,結果婚禮上错维,老公的妹妹穿的比我還像新娘。我一直安慰自己橄唬,他們只是感情好赋焕,可當我...
    茶點故事閱讀 67,387評論 6 391
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著仰楚,像睡著了一般隆判。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上僧界,一...
    開封第一講書人閱讀 51,287評論 1 301
  • 那天侨嘀,我揣著相機與錄音,去河邊找鬼捂襟。 笑死咬腕,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的葬荷。 我是一名探鬼主播涨共,決...
    沈念sama閱讀 40,130評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼宠漩!你這毒婦竟也來了举反?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,985評論 0 275
  • 序言:老撾萬榮一對情侶失蹤扒吁,失蹤者是張志新(化名)和其女友劉穎火鼻,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體瘦陈,經(jīng)...
    沈念sama閱讀 45,420評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡凝危,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,617評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了晨逝。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,779評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡懦铺,死狀恐怖捉貌,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情冬念,我是刑警寧澤趁窃,帶...
    沈念sama閱讀 35,477評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站急前,受9級特大地震影響醒陆,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜裆针,卻給世界環(huán)境...
    茶點故事閱讀 41,088評論 3 328
  • 文/蒙蒙 一刨摩、第九天 我趴在偏房一處隱蔽的房頂上張望寺晌。 院中可真熱鬧,春花似錦澡刹、人聲如沸呻征。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,716評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至嚷闭,卻和暖如春攒岛,著一層夾襖步出監(jiān)牢的瞬間胞锰,已是汗流浹背灾锯。 一陣腳步聲響...
    開封第一講書人閱讀 32,857評論 1 269
  • 我被黑心中介騙來泰國打工胜蛉, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人誊册。 一個月前我還...
    沈念sama閱讀 47,876評論 2 370
  • 正文 我出身青樓领突,卻偏偏與公主長得像案怯,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子嘲碱,可洞房花燭夜當晚...
    茶點故事閱讀 44,700評論 2 354

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,751評論 1 92
  • relative:生成相對定位的元素麦锯,通過top,bottom,left,right的位置相對于其正常位置進行定位...
    zx9426閱讀 942評論 0 2
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁面在哪些流覽器測試過扶欣?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,220評論 0 8
  • 一鹅巍,浮動元素有什么特征料祠?對父容器骆捧、其他浮動元素髓绽、普通元素敛苇、文字分別有什么影響? 浮動模型是一種可視化格式模型,浮動...
    DeeJay_Y閱讀 868評論 0 4
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表顺呕,主要用...
    寥寥十一閱讀 1,833評論 0 6