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

css三种引入方式

2013-09-16 10:55 387 查看
行内：标签内部

head内 style标签

link 引入外部 href rel="stylesheet"

style type

@IMPORT url();

style

.选择类

#选择id

一、三种css样式规则的定义语法(名称、语法、使用方式)：
1、标记选择器：标记名称{样式规则}
p{
// 样式规则
color: red;
background-color: green;
}

2、ID选择器：#ID名称{样式规则}

3、类选择器：.类名称{样式规则}

二、css的三种使用方式：
1、行内样式：在标签体中使用style样式属性进行样式规则的定义

2、内嵌样式：把样式规则嵌入到当前html网页中

3、外部样式：把样式规则通过另一个文件进行定义
导入外部样式：
a、link:放在<head>标签体中
<link rel="stylesheet" type="text/css" href="./styles.css">
b、import:需要放在<style type="text/css"></style>样式标签体中
<style type="text/css">
@IMPORT url("./css/csstest.css");
</style>

三、css样式使用的优先级：
行内样式 > 内嵌样式 > 外部样式 (注意外部样式的link位置)

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


　　 <style type="text/css">
@IMPORT url(css.css);
</style>


<style type="text/css">
body{
color:red;
}
</style>


<body style="color:blue;">
This is my HTML page. <br>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航