-
結(jié)構(gòu)設(shè)置盡量簡潔，用div（division劃分)布局，層層嵌套，用最符合內(nèi)容語義的標(biāo)簽查看全部
-
body主體 div+css布局 js動(dòng)畫查看全部
-
inherit 繼承母元素查看全部
-
ul li in；inline block查看全部
-
inner查看全部
-
重置樣式 能在不同的瀏覽器中保持一致查看全部
-
Font Awesome網(wǎng)站將圖片做成了字體查看全部
-
li{item$}*3 會(huì)生成3個(gè)li元素，并且每個(gè)元素中的內(nèi)容依次是item1到item3查看全部
-
不是單單的將所有的元素樣式去格式化，而是將元素樣式一般化，保留必要的樣式。 使用normalize.css查看全部
-
article-preview三行之間的間隙，就是圖片造成的，直接設(shè)置圖片區(qū)域 image-section的font-size:0最好 因?yàn)樵O(shè)置article-preview>div的font-size:0，如果沒有重新設(shè)置標(biāo)題與正文的字號(hào)，會(huì)看不到文字的查看全部
-
position 屬性的掌握不到位查看全部
-
.article-preview > div{ float: left; } .article-preview父類下一個(gè)div 設(shè)置浮動(dòng) 父類的浮動(dòng)不起作用 這里需要清除浮動(dòng)查看全部
-
.article-preview:nth-child(odd){ background-color: rgba(255,255,255,0.05); } 奇數(shù)選擇器， 只要是奇數(shù) 就給他一個(gè)透明度查看全部
-
父級(jí)元素清空浮動(dòng) .article-preview:after { content: ''; display:block; clear:both; }查看全部
-
多注意元素之間是否是塊級(jí)元素，這樣避免結(jié)構(gòu)的對(duì)其為題查看全部
舉報(bào)
0/150
提交
取消