css基础第三节

1.列表样式
 有序列表:<ol type="">
  <li>有序列表项</li>
  <li>有序列表项</li>
  <li>有序列表项</li>
 css样式:list-style-type
 属性值:decimal 数字123
  lower-alpha   小写英文字母
  upper-alpha   大写英文字母
 无序列表属性值:disc   实心圆
  circle   空心圆
  square   是新方块
  none   取出符号
2.浮动布局
 float属性
 属性值:left   元素向左浮动 (使用float属性可以将无序列表变成一行)
  right   元素向右浮动
 clear属性
 属性值:left   清除左浮动
  right   清除右浮动
  both   左右浮动一起清除
3.盒子模型
 实际大小=div+内边距+边框+外边距
 border:定义边框的宽度,样式,色彩
 padding:内边距
 margin:外边距 (1px:上右下左四个方向外边距都为1px)(0px auto:居中)
 margin重叠现象,边距以最大值为准  只有普通元素之间的margin会出现重叠现象,浮动元素不会重叠
4.初始化
*{padding:0px; margin:0px;}
初始化页面默认属性

猜你喜欢

转载自www.cnblogs.com/nbkls/p/12157715.html