扁平化风格blog

发表于   |   分类于

1.一般一个页面只有一个h1比较好，有利于seo搜索，可有多个h2  h3等

2.做网页的时候，先观察，都有哪些元素，能够通用就通用

3.第一步：重置样式

4.会计元素高度默认是自动的，如果没有内容则不能撑起高度，可以通过height更改

5.ul 和li 如果想让列表横着， 只需要增加display:inline-block就行了，没有必要加float :right;

6.行内元素（设置为inline-block）更改高度是可以的，更改宽没有用，用于扩展鼠标触发范围    ，或者改margin和padding

7.父元素设定45%，子元素设定100%才能限制大小

8.一旦子元素浮动了，父元素开始缩，缩到一个合适的值，这个时候应该清除父级元素的浮动 
.father:after{
    content:’’;
    display:block;
    clear:both;
}

9.如果出现莫名其妙的间隔，margin为零padding也为零，可是还有间隔的话，尝试改最外层的字体大小，改为0，有时候会有这种问题

10.css奇偶选择器！！~
.article-prew{
    /margin: 30px auto;/
    background-color: #273466;
    color: #FFFFFF;
    font-size: 0px;
}
.article-prew:nth-child(odd){
    background-color: rgba(39, 52, 102, 0.87);
}

11.box-sizing ?

12.font awesome 将图标做成文字