【CSS学习笔记二】美化网页

这一部分只需要记住一些常用的样式即可。

字体样式

font-family:字体
font-size: 字体大小
font-weight: 字体粗细
color: 字体颜色可以用rgb(255,255,255),也可以用rgba(255,255,255,1)。a表示透明度，范围为0~1。

  <style>
    p{
      font-family: "Times New Roman", 宋体 ;
      font-size: medium;
      font-weight: bolder;
      color: rgba(0,255,255,0.8);
    }
  </style>

文本样式

1. 颜色 colour
2. 文本对齐方式 text-align = center
3. 首行缩进 text-indent:2em
4. 行高 line-hight (常用在单行文字上下居中)
5. 装饰（包括颜色，划线）text-decoration
6. 文本图片水平对齐 vertical-align: middle
7. 列表：list-style：
   none:把列表前面的点去掉
   circle:空心圆
   decimal：数字
   …

盒子模型

提示：

1. 一般情况下，首先会讲body、h1、h2、ul、li等标签的默认内外边距设置为0。
2. 都给标签套上div和span标签，方便定位

a,body,h1,h2,ul,li{
      margin: 0;
      padding: 0;
      text-decoration: none;
}

什么是盒子模型？

• width和height：内容的宽度、高度（不是盒子的宽度、高度）。
• padding：内边距。
• border：边框。
• margin：外边距。