CSS的基础

（一）CSS的作用

• CSS是Cascading Style Sheets（层叠样式表单）的简称，简单的说，它可以提供更多的网页样式，使网页的元素更丰富

（二）CSS的基本功能

文本Font

• 字体：
• serif,sans-serif,cursive,fantasy,monospace
• 字号：
• 可使用系统内置的值来设置字号，比如small,medium,large
• 也可以使用相对父元素字号大小的值来设置，smaller,larger,150%,1.5em
• 1em等于1个字母“m”的宽度（相对于父元素字号大小），因此1.5em就是1.5倍的父元素字号大小
• 装饰：
• 可以设置text-decoratio:underline,text-decoration:line-through
• 也可以把值设置text-decoration:none把这些风格取消掉
• 文本基础属性：
• 使用 font-family属性指定文本的字体
• 使用font-style: italic;指定文本为斜体
• 使用font-weight: bold;指定文本加粗
• 使用 font-variant:small-caps;指定文本为小型大写字母
• 使用font-size 属性指定字体的大小
• 使用 line-height属性指定文本的行间距
• 使用 text-decoration可以为文本指定其他风格
  如果我们想单独设置某个效果失效，我们可以把其相应的属性设置为normal或inherit

颜色Color

• 无论设置CSS字体颜色还是CSS背景颜色*，均能使用

（三）CSS的引入方式

• 内联属性（Inline style attribute）
• 对于想要设置样式的HTML元素，直接修改他的style属性，将CSS代码直接写在style属性里
• 比如：

我的字号被修改了

• 写在style标签里
• CSS 的另一种引入法就是直接写在style标签里，
• 比如：

• 用link标签引用外部文件
• 比如：

小应用

• li 去掉前面的圆点：list-style-type: none;
• ul 列表水平显示：display:inline-block;

学习网站推荐：
CSS基础