标签 ：
P 段落标签
h1-h6 标题标签 （1-6 标题字体逐渐减小）
strong 加粗展示
em 斜体展示(strong与em 可嵌套)
del 中划线
address 斜体独占一行
div 充当模块（容器指父）
span 充当文本
空格文本
< <
> >
br 回车键（换行符）
hr 水平线
ol 有序标签 type =1、a、A、i、I(满级为24进制）reversed(倒序) start(第几个开始排序)
ul 无序列表 type = disc(实心圆) square(方块) circle(空心圆) list-style:none(去掉前缀符号)
img 加载图片 alt(图片占位符) title(图片提示符)
a 1.超链接 target=“_blank”(新的标签打开网页）text-decoration:none;(去掉下划线)
2.毛点herf=“#id”(id指某个标签的id）
3.打电话 herf=“tel:电话号码、mailto:邮箱”
4.协议限定符：javascript:while(1){alert(‘你试试这段代码‘)}
form method (发送数据的方式) action（发送对象）
input 输入框 type类型包括：http://www.runoob.com/tags/att-input-type.html多种类型
select 下拉菜单 与option使用 例如：
浏览器包括：shell 和内核 shell指外观
浏览器名称 内核名称
IE trident
Firefox Gecko
Google blink
Safari webkit
Opera presto
css 的权重（之间的进制256）
!important infinity (无穷大)
行间样式 (style) 1000
id. 100
class/属性/伪类 10
标签/伪元素(例如：div) 1
通配符 0
三颜色
red greed blue
00-ff 00-ff 00-ff
Text-indent 首行缩近
伪类选择器：a:hover{属性}. 功能 鼠标移动设置的状态
（一）：行级元素 内联元素 inline
feature:内容决定元素所占位置
不可以通过css改变宽高
span、strong、em、a、del
（二）：块级元素block
feature:独占一行
可以通过css改变宽高
div、p、ul、li、ol、form、address
(三)：行级块元素. Inline-block
feature:内容决定大小
可以改变宽高
行级元素只能嵌套行级元素
块级元素可以嵌套任何元素
p标签不能嵌套块级元素
margin：0 auto （自适应）居中 效果：两边背景缩小，中间样式不变，一直到两边缩到无，中间再缩小
定位 position （一般relative作为absolute的参照物）
1.相对定位 absolute.特点：1.脱离原来的位置进行定位 2.最近的有定位的父级进行定位，如果没有，那么相当于文档定位
2.相对定位relative 特点：1.保持原来的位置进行定位 2.相对自己原来的位置进行定位
在整个页面进行居中代码写法：
3.fixed 固定（指固定一位置无论页面如何滑动此模块都不动）
4.z-index
position:fixed; left:50%;top:50%；width:100px；height:100px；background-color:red;margin-left:-50px;margin-top:-50px;
<!--bfc—>
<!--block format context—>
<!— 如何触发一个盒子的bfc
position:obsolute； display:inline-block; float:left/right; overflow:hidden;(溢出部分隐藏)
浮动元素： clear:both(清除两边的浮动流但必须是块级元素)
float:left/right;（浮动元素产生了浮动流） 指所有产生了浮动流的元素，块级元素看不到他们
产生bfc的元素和文本类属性(inline)的元素以及文本都能看到浮动元素
补充知识：
<span></span>中设置position:obsolute；或者 float:left/right; 可以设置宽高，自带display:inline-block属性
vertical-align(地步对齐线调试调试):
伪元素：
span::before/after{content:”必须有content”+属性}
white-space:nowrap; 禁止换行
overflow:hidden; 溢出隐藏
text-overflow:ellipsis；
Height = 40; line-height = 20; 它们有倍数关系，要想让字体占行高完整就算好之间的进制；
Div设置背景图片：
background-image:url(图片路径) ;
background-size:大小;
background-repet:no-repet(不重复)
background-position:left top;
网友评论