学习CSS,这些内容你都知道了吗?

  • CSS介绍
  • 引入css样式表方法
  • CSS选择器
  • CSS常用属性

CSS介绍:

  • CSS全称是(Cascading Style Sheet)层叠样式表;
  • 层叠:层叠就是对一个元素多次设置同一个样式
特点:

1)丰富的样式定义

  • CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;
  • 允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;
  • 允许随意改变文本的大小写方式、修饰方式以及其他页面效果。

2)易于使用和修改

  • CSS可以将样式定义在HTML元素的style属性中
  • 可以将其定义在HTML文档的header部分
  • 可以将样式声明在一个专门的CSS文件中,将所有的样式声明统一存放,进行统一管理。

3)多页面应用

  • CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。

4)页面压缩

  • CSS样式表的复用更大程序的缩减了页面的体积,减少下载的时间。

引入css样式表方法:

1)行内样式

  • 直接使用标记的style属性
style=" width:100px; height:100px; background-color:#F00;”

2)内嵌样式

  • 使用标记,将样式写在