Codeopen

  • flex布局:設(shè)置之后子元素的float、clear和vertical-align屬性將失效。并不代表子代元素布局會失效...

  • white-space:normal | pre | nowrap | pre-wrap | pre-line

  • text-overflow:clip | ellipsis兩個很有用的css屬性,竟然沒有發(fā)現(xiàn)!??!

  • textContentinnerText兼容性更好,直接獲取節(jié)點文本內(nèi)容

  • 代碼編寫風(fēng)格采用百度規(guī)范

  • 擼的分頁bug好多好多好多,好多判斷

  • jq的ajax比原生的ajax兼容性更好,所以還是jq吧

  • nodejs:知乎某個用戶的相互關(guān)注列表

  • 改一下csscomb的配置,開啟node項目,看一下flex,學(xué)習(xí)jq的ajax

  • 自己電腦上一定要有一個服務(wù)器

  • css中div背景整個頁面的高度html{height:100%;}body{height:100%;}div{height:100%;}

  • position:fixed; top:0;

  • css3新的屬性:calc

  • margin:0 auto;如果元素設(shè)置display:inline-block;的話,不起作用,display:block;起作用;

  • 盒子模型計算公式很重要,負(fù)邊距負(fù)邊距負(fù)邊距也是根據(jù)計算公式來的

  • margin(行內(nèi)元素左右生效)padding(行內(nèi)元素上下左右生效)

  • 塊級元素高度:內(nèi)容區(qū)的高度

  • 父元素的border,padding沒有設(shè)置的情況下,會把子元素和父元素看做一起(1.給父元素添加邊框,調(diào)節(jié)父元素width和height)(2.給父元素加上overflow:)

  • 重置樣式(reset.css)

html,body{
    height:100%;
}```

- 導(dǎo)航:(li:list-style:none;)

- 文字垂直居中:
      1. 父元素"padding-top = padding-bottom"明確設(shè)置 
      2. line-height

- 文字基線對齊(圖片,文本元素)微調(diào)

- 行內(nèi)元素的行塊,依據(jù)最大的來計算

- visibility:none   看不見
----------------------
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 14,189評論 1 92
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    wzhiq896閱讀 2,134評論 0 2
  • 移動開發(fā)基本知識點 一.使用rem作為單位 html { font-size: 100px; } @media(m...
    橫沖直撞666閱讀 3,741評論 0 6
  • <a name='html'>HTML</a> Doctype作用?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,854評論 1 19
  • 信息化對人類教育和學(xué)習(xí)方式產(chǎn)生了巨大影響,不斷引發(fā)教育新思想、新形態(tài)。 1.互聯(lián)網(wǎng)+教育 在教育以及教育信息化領(lǐng)域...
    山登絕頂閱讀 411評論 1 2

友情鏈接更多精彩內(nèi)容