您的位置：首页 > Web前端 > CSS

css的引入和优先次序

2016-06-14 21:55 435 查看
css：层叠样式表（cascading style sheet）

定义如何显示HTML元素，解决了内容与表现分离的问题，可以极大的提高工作效率。

1.css规则主要由两部分组成：选择器和声明

h1
{
color:blue;  /*颜色为蓝色*/
font-size: 12px
}


2.如何插入样式表

外部样式表

当样式需要应用于很多页面时，应该使用外部样式表，通过改变一个文件来改变整个网站的外观

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>


内部样式表

单个文档需要特殊的样式时，就应该使用内部样式表。

<head>
<style>
hr{color:red;}
p{margin-left:20px;}
</style>
</head>


内联样式

表现和内容混杂在一起，内联样式没有让内容和表现分离。可以在一个元素上应用一次。

<p style="color:blue;margin-left:20px;">这是一段文字。</p>


3.多次定义样式

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

（1）浏览器缺省设置

（2）外部样式表

（3）内部样式表

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

内联样式拥有最高的优先权。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  css
相关文章推荐
新的分享
章节导航