html+css的一些笔记
绝对路径：是从盘符开始的路径
相对路径：是从当前路径开始的路径（..表示父目录，上级目录）
CSS定位：静态定位，绝对定位，相对定位，固定定位
绝对定位是相对于最近已定位的祖先元素，元素框从文档流完全删除
它可以像图层一样单独做一层，第几层可以通过z-index 来设置
相对定位是相对于正常排列的位置进行偏移，脱离文档流，但仍占据空间
固定定位是元素的位置相对于浏览器窗口是固定位置
表单：
表单元素23种type类型
选择器
元素选择器，<h><p><html>，通配符选择器, id选择器，class选择器，属性选择器，
后代选择器（h1 em），子元素选择器(h1>strong)
伪类和伪元素
选择器优先级排序：
!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性
Id选择器和class选择器的区别
只能在文档中使用一次，不能使用 ID 词列表，：ID 能包含更多含义
CSS样式：
外部样式Linking（也叫外部样式）：将网页链接到外部样式表。
内部样式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。
内联样式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。
它们的区别就是优先级不一样：内联式 > 内部式 > 外部式
行内元素和块级元素的区别:
行内元素
从左往右排列，不占据一行；
对其设置宽高及margin的上下距离无效
块级元素
单独占据一行
行内块级元素
不会自动换行，相比行内可以设置宽高，具有行内块级共同特性，最为常用。
ISO符号实体：
© ©
® ®
  空格
空链接：
href="#" 这种方法会在地址栏的后面添加一个#号，然后回到页面顶部。javascript:void(0) 仅仅表示一个死链接使用javascript伪协议
<a herf=""></a>
这种方法会默认打开本页面，重新刷新一次页面。
<a herf="###"></a>
这种方法可以再chrome和ie11中，不再跳回页面顶部，但是还是会修改地址栏。
CSS书写顺序：
-
位置属性(position, top, right, z-index, display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing, color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)
去掉小数点前的“0”
2连字符CSS选择器命名规范
1.长名称或词组可以使用中横线来为选择器命名。
2.不建议使用“_”下划线来命名CSS选择器，为什么呢？
- 输入的时候少按一个shift键；
- 浏览器兼容问题 （比如使用_tips的选择器命名，在IE6是无效的）
- 能良好区分JavaScript变量命名（JS变量命名是用“_”）
- 一律小写;
2.尽量用英文;
3.不加中槓和下划线;
4.尽量不缩写，除非一看就明白的单词。 - CSS命名规则：
Css和其他程序一样，都是有作用域这个概念，有全局、类局部作用这些方式。
举个例子：
p{background:#f00;}/* 作用域 ：全局 */
.div p{color:#000;}/* 作用域：div类中*/
介绍下Css几种编写方式和权重对比
1）标签：权值为0,0,0,1
2）类：权值为0,0,1,0
3）属性选择：权值为0,0,1,1
4）ID：权值为0,1,0,0
5）important的权值为最高1,0,0,