关于新手如何学习H5和CSS(三)

关于css属性

• 文字类
  大小 font-size
  颜色 color
  粗细 font-weight
  形式 font-family

• 文本修饰：
  对齐方式 text-ali gn center 居中 left 左对齐 right 右对齐
  行高 line-height 用于文本类垂直方向对齐方式 值小于等于父元素高度
  text-decoration-xx 复合属性；要想有效果；前提必须有修饰。
  text-shadow 设置文字阴影 四个值
  值一 影子文字在水平方向移动的位置；大于0往右移动 小于0往左移动
  值二 影子文字在竖直方向移动位置 大于0往下移动 小于0 往上移动
  值三 影子文字清晰度 大于0 值越大越模糊
  值四 设置影子文字颜色
  注意：在css样式中 一般文字或者文本类属性是可以被继承的。

• 盒子模型
  组成元素： magin 边框与其他盒子的距离 magin变大 盒子不会变化，盒子与盒子之间的距离会变大
  padding 是边框与内容区域的距离 标准盒子 padding变大 盒子变大
  border 盒子的边框
  content 标准盒子 为 width 和height
  ie盒子：
  content = width - padding-left - padding-right - border-left - border-right
  在ie 盒子中 border 与 padding变化不会改变盒子大小；会改变 内容大小

• 外边距塌陷问题：
  上下两个盒子；小的外边距被大的外边距吸收了
  针对两个上下相邻的盒子，盒子距离为大的外边距
  左右相邻盒子之间距离为 外边距之和
  总结：外边距塌陷只会发生在上下盒子之间；不发生在左右盒子之间 换句话说：上下盒子距离为大的外边距；左右盒子距离为两个盒子外边距之和

• 块元素；默认有8px的外边距
  注意：为了防止浏览器默认值影响页面效果；在初始化时候清空所有元素默认样式

*{
    margin:0;
    padding:0
}