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