flex布局:設置之后子元素的float毕籽、clear和vertical-align屬性將失效。并不代表子代元素布局會失效...
white-space:normal | pre | nowrap | pre-wrap | pre-line
text-overflow:clip | ellipsis
兩個很有用的css屬性井辆,竟然沒有發(fā)現(xiàn)9赝病!杯缺!textContent
比innerText
兼容性更好,直接獲取節(jié)點文本內(nèi)容代碼編寫風格采用百度規(guī)范
擼的分頁bug好多好多好多蒸播,好多判斷
jq的ajax比原生的ajax兼容性更好,所以還是jq吧
nodejs:知乎某個用戶的相互關注列表
改一下csscomb的配置,開啟node項目,看一下flex,學習jq的ajax
自己電腦上一定要有一個服務器
css中div背景整個頁面的高度
html{height:100%;}body{height:100%;}div{height:100%;}
position:fixed; top:0;
css3新的屬性:
calc
margin:0 auto;
如果元素設置display:inline-block;
的話萍肆,不起作用袍榆,display:block;
起作用;盒子模型計算公式很重要,負邊距負邊距負邊距也是根據(jù)計算公式來的
margin(行內(nèi)元素左右生效)padding(行內(nèi)元素上下左右生效)
塊級元素高度:內(nèi)容區(qū)的高度
父元素的border塘揣,padding沒有設置的情況下包雀,會把子元素和父元素看做一起(1.給父元素添加邊框,調節(jié)父元素width和height)(2.給父元素加上overflow:)
重置樣式(reset.css)
html,body{
height:100%;
}```
- 導航:(li:list-style:none;)
- 文字垂直居中:
1. 父元素"padding-top = padding-bottom"明確設置
2. line-height
- 文字基線對齊(圖片亲铡,文本元素)微調
- 行內(nèi)元素的行塊才写,依據(jù)最大的來計算
- visibility:none 看不見
----------------------