HTML & CSS注

先写css,再写html

行级元素span、strong等
内容决定位置、不可以用CSS改变大小

块级元素div ul li等
独占一行、可以用CSS改变大小

inline-block img
内容决定大小、可以用CSS改变大小

list-style 去掉圆点
text-decoration 下划线
font-style 斜体
z-index 元素在第几层

发送数据=数据名+数据值

type='text' name='username'  value文本显示
             名     值
type='radio' name='star'  value='A'   单选框
                名统一     值不同
<select name='province'>       下拉框
                 名
    <option>Beijing</option>
               值
</select>

position的元素配合left、top等，改变自身的位置（absolute元素的后面元素会上前）

margin会让元素远离页面边框

父子嵌套的元素存在margin坍陷问题，即子元素的top不管用，要在父元素上改变bfc渲染规则：
overflow：hidden
float：left、right
position：absolute
display：inline-block

兄弟元素存在margin合并问题，设置上面元素的margin-top

div.wrapper>div.content*5
.content{
float:left; // 设置float的兄弟元素从左往右排队，站队边界为父级元素边界
}
设置float的元素会产生浮动流，块级元素看不到他们，即后面的块级元素会上前，若后面元素也设置了float，则两个元素从左往右排队
块级元素需要清除浮动流，如对于div.wrapper这个父元素：

.wrapper::after{    //inline伪元素，在逻辑前
     content : '';
        clear : both;     //只对block元素有效
     display : block;
}
或
    float：left、right  （元素自动变为inline-block）
    position：absolute   (元素自动变为inline-block)
    display：inline-block