初学css样式

css是什么？Casading style sheet .英语不好只看懂了style sheet 类型表+casading （层叠）翻译成层叠样式表

那css用来最哈子的呢？是用来扩展html元素（标签例如<p>、<a>）的功能，也就是这个元素以什么样子的样式显示出来。比如<p> 默认它是一个段落标签，而且是很简单的显示出来，那如果这时候你需要段落文字要有颜色，要加背景颜色，字体要改变等等。原始的html直接实现的方式是：通过style属性。

例如：<p style="color:red,background-color:red,font-size:20px"> this is my style </p>

如果是css:

你的.css文件：

p {color:red,background-color:red,font-size:20px} 然后html文件就link到这个css文件，当你要使用p元素时，就是使用这用样式。

样式的基本格式：seletor {html属性：值} seletor就是html元素。

既然html有方法实现需求，那为什么还要用css？很简单，css使用起来方便，去掉代码重复性，效率高。就像上面的例子，你每个p元素都要重新写相同的style，那就不合理了吧。

注意：

多重样式将层叠为一个：样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。

层叠次序

当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？

一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。

浏览器缺省设置

外部样式表

内部样式表（位于 标签内部）

内联样式（在 HTML 元素内部）

因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明： 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。