header,menu nav footer article(文字)
<header></header>
float left/right (对容器整体进行一个水平方向排列
text-align left/center/right (对容器里面文字)
<div class="menu">
<div class="a1"></div>
<div class="a2"></div>
<div class="a3"></div>
</div>
margin-left:200px;
1.无序列列表
2.:hover属性 a:hover li:hover div:hover (做一些下拉菜单,元素的显示隐藏)
display:none/display
3.定位
1 ul li
cursor:move,pointer
:hover 鼠标经过效果
:first-child
:last-child
:nth-child(1)
3.定位
相对定位
绝对定位
上面二个一般成对使用
固定定位 (固定在网页的某一个方)
position: relative (相对定位)
absolute(绝对定位)
fixed(固定定位)
absolute 会找最近一个相对定位,如果找不到相对定位,最后的对象就是body
opacity: 0-1
<header></header>
float left/right (对容器整体进行一个水平方向排列
text-align left/center/right (对容器里面文字)
<div class="menu">
<div class="a1"></div>
<div class="a2"></div>
<div class="a3"></div>
</div>
margin-left:200px;
1.无序列列表
2.:hover属性 a:hover li:hover div:hover (做一些下拉菜单,元素的显示隐藏)
display:none/display
3.定位
1 ul li
cursor:move,pointer
:hover 鼠标经过效果
:first-child
:last-child
:nth-child(1)
3.定位
相对定位
绝对定位
上面二个一般成对使用
固定定位 (固定在网页的某一个方)
position: relative (相对定位)
absolute(绝对定位)
fixed(固定定位)
absolute 会找最近一个相对定位,如果找不到相对定位,最后的对象就是body
opacity: 0-1