day05

列表样式

• list-style-type设置列表标志项，disc实心圆，circle空心圆，square实心方块，decimal数字，none不使用

• list-style-position设置列表标志项出现位置 inside在li标签里面 outside默认值

设置隐藏元素的方式

1.使用display none隐藏 block可见
元素会在页面彻底消失，影响重绘重排，不会触发点击事件

display: none;

2.使用visibility visble可见的 hidden 隐藏
消失后空间保留，影响重绘，不影响重排，不会触发点击事件

visibility: hidden;

3.使用opacity 透明度 0完全透明 1完全不透明
可以触发点击事件

opacity: 0;

设置圆角边框

border-radius

盒子模型

1. 标准盒子
   也叫w3c盒子、内容盒子
   width和height是给内容设置宽高
2. IE盒子
   也叫边框盒子、怪异盒子
   width和height是给盒子自身设置宽高

设置盒子背景样式

• background-repeat设置盒子背景图片平铺方式，no-repeat不平铺，repeat-x在x轴平铺，repeat-y在y轴平铺
• background-position:1px 1px;设置背景图片的水平与垂直位置
• background-attachment设置背景图片是否随着滚动条滚动，fixed不滚动，scroll滚动