CSS如何控制页面样式

来源:互联网 发布:windows添加或删除组件 编辑:程序博客网 时间:2024/05/18 00:11

CSS控制页面样式共有四种方式:行内样式、内嵌式、链接式、导入样式。

【行内样式】

<p style="color:#F00;background:#CCC;font-size:12px;"></p>

【内嵌式】

【链接式】

链接式是使用频率最高,最实用的方式,只需在<head></head>之间加上如下代码。
<link href="style.css" type="text/css" rel="stylesheet"/>
这种方式将HTML文件和CSS文件彻底分成两个或多个文件,实现了页面与CSS代码的完全分离。

【导入样式】

导入外部样式表是指在内部样式表的<style>里导入一个外部样式表,导入时用@import。

<style type=”text/css”>
@import “mystyle.css”
</style>

【四种样式的优先级】

从高至低:行内样式、内嵌样式、链接样式、导入样式。

 

原创粉丝点击