版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/WinstonLau/article/details/88639736
HTML 和 CSS 有什么作用
-
简单来说，HTML 是用来构建网页的框架的，而 CSS 则是用来装饰网页的
-
当然，可能有人会说，HTML 也有简单装饰网页的功能。OK，这点我们不否认，比如 font 属性可以对字体样式做一些设计，但是这样做不利于后期的维护，而且在最新的 HTML5 的标准中，也已经废弃了 font 属性
两者的属性有什么区别
-
相同点：对于样式类的属性，无论是 HTML 的还是 CSS 的，其作用的对象都是 HTML 标签
-
在博主看来，HTML 的属性主要是起一些功能性的作用的，对于一些和样式有关的属性最好留给 CSS 来做
-
CSS 的属性就是纯粹起定义样式的作用。因此，抓住这两点，就不会混淆二者的一些属性了
【注意】HTML与CSS 部分属性的名称可能一致，比如 HTML 中的 table 标签有属性 <table width="500">，它设置的是表格整体的宽度；而 CSS 中也可以使用table {width: 400px;} 设置表格整体的宽度（CSS 中的 width 属性定义的是元素内容区的宽度，在内容区外面可以增加内边距、边框和外边距）
CSS属性的分类
-
由于 CSS 的属性都是针对于样式的，因此我们也可以称之为
CSS 样式属性 -
由于 CSS 样式属性众多，每种属性都控制着其应用元素某方面的外观，因此它大致可以分为以下几类：
- 文字
- 背景
- 文本
- 定位
- 布局
- 边框
- 动画
- 边距与填充属性
- …
-
也就是说，不是所有的属性都能作用于所有的标签之上（全局属性除外），标签不同，其可用的属性也是有差别的，在这一点上，HTML 和 CSS 是一致的（回想一下，HTML 中有全局属性和专有属性之分）
-
对于前端初学者来说，常常会出现的一些疑问就是：
- 对某个标签来说，我到底能用哪些 CSS 属性来修饰它？
- 它有哪些 HTML 属性 可以使用？其中关于样式的 HTML 属性又有哪些？
- 关于样式的 HTML 属性 和 能应用在它上面的 CSS 属性 有没有是同名的（前面举了一个例子）？同名的同时，作用又是否相同？有没有不同名的，但是作用却是一样的？
-
由于在应用样式之前，首先要找到应用样式的对象，因此就涉及到了 CSS 的选择器