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 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明: 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。