去掉ul的小圆点list-style: none;
-------------------------------------------
文本居中：text-align:center;
text-align:left; 没啥用，因为默认居左
text-align:right; 文本居右
-----------------------------------------
css中，任何文本都有行高。
行高就是 line-height:xxpx;一般等于父盒子的高度
------------------------------------------
清除所有默认------ 一般都会写。
*{
margin:0;
padding:0;
}
-------------------------------------------------
盒子居中margin:0 auto
--------------------------------------------------
首行空两个汉字的格，单位比较奇怪，叫做em，em就是汉字的一个宽度。
1 text-indent:2em;
indent就是“缩进”的意思。
-----------------------------------------------------------
1.3 font属性
● 使用font属性，能够将字号、行高、字体，能够一起设置。
1 font: 14px/24px “宋体”;
等价于三行语句：
1 font-size:14px;
2 line-height:24px;
3 font-family:"宋体";
------------------------------------------------------------
CSS3的知识点
一个矩形怎么设置圆角
a{
border-radius：4px； 数值越大角越圆。
}
------------------------------
outline-style: none; /*轮廓*/ 用于input 的样式
-----------------------------------------------------------------
文本框
<input type="text" value="默认有的值" />
密码框
<input type="password" />
单选
<input type="radio" name="xingbie" /> 男
-----------------------------------------------------
复选框
<p>
请选择你的爱好：
<input type="checkbox" name="aihao"/> 睡觉
<input type="checkbox" name="aihao"/> 吃饭
<input type="checkbox" name="aihao"/> 足球
<input type="checkbox" name="aihao"/> 篮球
<input type="checkbox" name="aihao"/> 乒乓球
</p>
复选框，最好也是有相同的name（虽然他不需要互斥，但是也要有相同的name）
--------------------------------------------------------------------
下拉列表
select就是“选择”，option“选项”。
select标签和ul、ol、dl一样，都是组标签。
<select>
<option>北京</option>
<option>河北</option>
<option>河南</option>
<option>山东</option>
<option>山西</option>
<option>湖北</option>
<option>安徽</option>
</select>
-------------------------------------------------------------------
换行
网页中99.9999%需要换行的时候，是因为另起了一个段落，所以要用p，不要用<br />
-----------------------------------------------------------------------------
文本级：p、span、a、b、i、u、em ---行内元素
容器级：div、h系列、li、dt、dd ---块级元素 p是块级元素，例外。
----------------------------------------------------
盒模型有哪些组成：width 宽度、height高度、padding内边距、border边框、margin外边距。
padding-left、padding-top、
padding-right、padding-bottom。
--------------------------------------------------------------------------------------
消除浮动方法
1.前提是儿子元素设置了浮动，那么就给父元素设置高度。这样就会 消除浮动。但是，一般
不这样做，网页不设置高度。
2.隔墙法
比如
<div class="father">
<div cvlass="a">我是一</div>
<div class="b">我是二</div>
</div>
里面的a.b 都设置了浮动。父元素没有设置高度。
怎么解决？ 就给ab之间加入一个新的div,这个div呢，设置了消除浮动。
如图：
比如
<div class="father">
<div class="a">我是一</div>
<div class="al"></div>
<div class="b">我是二</div>
</div>
.al{
clear:both;//消除全部浮动
}
--------------------------------------------------------------
消除浮动方法之内墙法
<div class="a">
<p></p>
<p></p>
<div class="al"></div> //内墙法就是把al放在div里面。
</div>
这个呢，跟上面一样，父元素没有高度。p设置了浮动，这样随着里面的变化，撑高父元素。
-----------------------------------------------------------------------------------
清除浮动方法4：overflow:hidden;
儿子元素设置了浮动，父元素设置了宽度，没有高度。这样父元素就不能被子元素撑高。那么在父元素设置
overflow：hidden；就能被浮动的子元素自动撑高。这是所谓的偏方，说明白就是浏览器渲染的机制带来的。
--------------------------------------------------------------------------------------------
