零基础学习web前端（二）之css简介
【零基础学习web前端】教程目录导航 http://www.sufeinet.com/thread-24027-1-1.html
什么是css
- CSS(Cascading Style Sheets) 的缩写，“层叠样式表”，简称样式表。CSS是W3C组织提出的一个标准，通过在页面中使用CSS可以制作非常漂亮的网页。CSS是专门用于网页格式控制的规则，可以非常方便的用来控制网页的外观。css样式极大地提高了工作效率。
css样式
样式通常保存在外部的 .css 文件中。CSS样式表极大的提高了工作效率，通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。 为了解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式（Style）。 当代浏览器都支持 CSS 。
如何创建css样式
当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表：
当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。
[HTML] 纯文本查看 复制代码 <head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。
[HTML] 纯文本查看 复制代码 <head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
当特殊的样式需要应用到个别元素时，就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
[HTML] 纯文本查看 复制代码 <p style="color: red; margin-left: 20px">
This is a paragraph
</p>
当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？
一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，优先权依次增大。 - 浏览器缺省设置
- 外部样式表
- 内部样式表（位于 <head> 标签内部）
- 内联样式（在 HTML 元素内部）
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）
| 
窥视卡
雷达卡
发表于 2018-11-29 18:32:31
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
楼主
发表于 2018-11-29 19:08:31
