emment、overflow属性、定位（position ）

Emmet语法规则

id（#）,class（.）子节点（>），兄弟节点（+），上级节点（^）重复（*）分组（()）属性（[attr]）编号（$）（$代表一位数，后面更上*数字就代表从1递增到填写的数字）文本（{}）

ul>(li>img[src=img/pro/$.jpg]+h3+div>span.money{￥15}+span.love+span.num{787878})*2

<ul>

<li>

<img src="img/pro/1.jpg" alt="">

<h3></h3>

<div>

<span class="money">￥15</span>

<span class="love"></span>

<span class="num">787878</span>

</div>

</li>

<li>

<img src="img/pro/2.jpg" alt="">

<h3></h3>

<div>

<span class="money">￥15</span>

<span class="love"></span>

<span class="num">787878</span>

</div>

</li>

</ul>

 

overflow（规定当内容溢出元素框时发生的事情。）中的属性

visible ：默认值。内容不会被修剪，会呈现在元素框之外。

 hidden：内容会被修剪，并且其余内容是不可见的。

scroll：内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

 

auto：如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

 定位（position ）

通过"left", "top", "right"  "bottom" 来进行定位

static 静态定位
没变化

relative 相对定位
相对于自身原本的位置进行移动，不会脱离文档流，保留原位置空间

absolute 绝对定位
一整个html页面为标准来移动，会脱离文档流，不保留原位置

fixed 固定定位
脱离文档流，所以，就是文档过长，需要向下滚动，它还是相对html页在一个固定的地方