码迷,mamicode.com
首页 > Web开发 > 详细

2、CSS 样式创建

时间:2018-01-28 18:19:40      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:优先级   外部   pos   使用   标签   line   str   href   sheet   

CSS 创建:

插入样式表的方法有三种:

1、外部样式表(External style sheet)

2、内部样式(Internal style sheet)

3、内联样式(Inline style)

 

外部样式表:

每个页面使用 <link> 标签链接到样式表。 <link> 标签在(文档的)头部,实例:

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

浏览器会从文件 mystyle.css 中读到样式声明,并根据它来格式文档

 


内部样式:

单个文档需要特殊的样式时,就应该使用内部样式表,使用 <style> 标签在文档头部定义内部样式表,实例:

<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>

 


内联样式:

要使用内联样式,你需要在相关的标签内使用样式(style)属性。Style 属性可以包含任何 CSS 属性:

<p style="color:sienna;margin-left:20px">
这是一个段落。
</p>

 

 

多重样式:

如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来。

多重样式的优先级是--->

内联样式 > 内部样式 > 外部样式 > 浏览器默认样式

实例:

外部样式表拥有针对 h3 选择器的三个属性 --->

h3
{
color:red;
text-align:left;
font-size:8pt;
}

 

而内部样式表拥有针对 h3 选择器的两个属性 --->

h3
{
text-align:right;
font-size:20pt;
}

 

假如拥有内部样式表的这个页面同时与外部样式表链接,那么 h3 得到的样式是 --->

color:red;
text-align:right;
font-size:20pt;

2、CSS 样式创建

标签:优先级   外部   pos   使用   标签   line   str   href   sheet   

原文地址:https://www.cnblogs.com/blackfriday/p/8371652.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!