CSS样式应用与管理-优快云博客

（1）css作用

css用来定义如何显示HTML元素，就和HTML中的字体和颜色属性所起的作用一样。

通过定义一个外部的.css文件，就能够同时改变页面中的布局和外观

（2）css格式

由选择器和一条或多条声明组成

如：

p {color:red;text-align:center;}

为了便于查看，可以写作

p
{
color:red;
text-align:center;
}

（3）css引入方法

1.外部样式表

也就是在外部编写css，然后引入到html中

为了定义项目中多数页面的样式而编写

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

2.内部样式表

定义在HTML页面中

为了定义这个html中特殊的样式时使用

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

3.内联样式表

在某个标签需要特殊样式时使用，其中的style可以包含任何css属性

<p style="color:sienna;margin-left:20px">This is a paragraph.</p>

4.说明

1）现在有3中定义的方式，那么如果对于一个标签3个地方都定义了，那么以哪个为准呢？

显然是越特定的定义优先级越高（内部样式表是针对一个html的，外部针对多个html，所以二者重复定义的时候肯定以内部样式表为主）

2）css可以继承也可以覆盖

假如外部css定义了

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

内部css定义了

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

那么最终页面中h3标签的样式是

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

也就是说，颜色被继承了，但是字体和排列方式呗覆盖

css简介