1 无序列表 ul>li:ul里只能有li,并且li里面可放元素却很多。li是容器级标签，什么都能放。

 有序列表 ul>ol:一般不用 一般都是用ul>li

2 定义列表 dl:表示定义列表 dt定义标题 dd定义表述词儿（真实案例）京东下面购物指南。用什么标签不是根据样式决定 是根据语义

3 div容器级 span文本级（只能放文字图片表单元素）

4 表单：用于收集用户信息，用户填写的。

4.1 文本框：<input type=“text” value="http://www.mamicode.com/默认有的值"/>

4.2 密码框：<input type="password"/>

4.3 单选按钮：<input type="radio" name="xingbie”/>男

<input type="radio" name="xingbie”/>女name相同是为了互斥

4.4 复选框：<input type="checkbox" name="aihao"/>睡觉

<input type="checkbox" name="aihao"/>吃饭

<input type="checkbox" name="aihao"/>玩儿

4.5 下拉列表

select>option

4.6 多行文本框

<textarea cols="30" rows="10"></textarea>

4.7 三种按钮 

<input type="button" value="http://www.mamicode.com/按钮上显示的值"

<input type="submit"/>按钮上自动生成提交两个字（相关面试题：submit按钮点击之后会发生什么？答：表单会提交到form标签的那个action属性的页面中去）

<input type="reset"/>重置按钮

总结上述input类型：text password radio checkbox button submit reset 7个

4.7 label标签为了与input关联起来

<input type="radio" name=‘sex" id="id1" /><lable for="id1">地址1</label>(相关面试题：lable的for对应着input的什么：答:id)

5 css : HTML 超文本标记语言 从语义的角度描述页面结构

CSS 层叠式样式表 从审美的角度负责页面样式

JS 从交互的角度描述页面行为 

容易忘记的属性 ：font-style:italic; font-syle:normal           text-decoration: underline; text-decotration:none;

6 选择器部分： 一个页面不允许出现相同的id. 类可以相同 拥有两个类的写法是class="class1 class2"

后代选择器： .div p{}

交集选择器：h3.special{}

并集选择期：h3,special{}

 7 兼容性选择器：IE7开始兼容，IE6不兼容。 div>p

IE7开始兼容，IE6不兼容。h3+p{} (下一个兄弟选择器) 

IE8开始兼容，IE6 IE7不兼容。选择第一个li：ul li:first-child 选择最后一个li: ul li:last-child（一般都是自己定义类名再选择）

8 css的继承性：可以继承的属性：color ，text-开头的，line-开头的，font-开头的关于文字样式的都可以继承。

不能继承的属性： 关于盒子的，定位的，布局的属性都不能继承。（）此处引入原型继承面试题：这个问的是写一个代码实现原型继承。(面试太紧张忘了 本来就不熟)

9 关于层叠属性 ：id  类  标签的数量

10 ！important 属性 相当于权重无限大，但是无法提升继承的权重。比如div>p div{color;red !important;}p{color:white;} 听p的。p标签是实际选中的 

11 什么叫盒子 略。border;上右下左。

12 块级元素和行内元素（面试有问到过）什么是块级与行内元素：答：块级元素 霸占一行，不与其它元素并列 可设宽高 如果未设将撑满父亲

行内元素 与其它行内元素并排 不能设置宽高。是文字的宽度。

为了方便记忆：可看为块级元素; help（h li p） 三弟(div dt dd)

13 相互转换display: block, inline 还要注意inline-block;

14 元素脱离标准文档流有三种方法： 14.1 浮动 14.2 绝对定位 14.3固定定位 脱标之后可设置宽高。不区分行内，块级。

15 

16  浮动起来的盒子 相对于不浮动的字 有字围效果。

17 清浮动 1 给浮动的元素祖先加高度。

 　　　　　2 下盒子添加一个类box2{ clear：both;}(此时margin会失效)

　　　　　　3两个盒子中间加一个div并添加上述clear: both类，并添加盒子中间空隙高度类

　　　　　　4 父亲加 overflow:hidden; （偏方）

2016/12/8前端学习笔记CSS开始。