一、 css
样式分为7大类:
- 1、显示与浮动
- 2、定位
- 3、尺寸(
width,height
) - 4、边框及相关属性(
margin,padding,border,outline
) - 5、字体样式
- 6、背景(
background
) - 7、其它样式(
opacity,cursors
)
二、 根据上面的规则依次来书写样式
.reader-info {
display: block;
float: left;
position: absolute;
left: 10px;
top: 10px;
width: 100px;
height: 100px;
border: 5px solid #ddd;
margin: 10px;
padding: 10px;
font-size: 20px;
cursor: pointer;
}