css样式表

最新推荐文章于 2024-09-19 17:56:22 发布

zhi！q

最新推荐文章于 2024-09-19 17:56:22 发布

阅读量273

点赞数 3

分类专栏： css样式表文章标签： css

本文链接：https://blog.csdn.net/Judicius/article/details/102773849

版权

css样式表专栏收录该内容

1 篇文章 0 订阅

订阅专栏

使用css样式表

css样式表一共分为三种每种都有不同的使用方式下面我们就来说一下他们不同的使用方式：
css样式表的使用方式（共三种）

1、内联方式

首先我们要了解的是它要写在哪里：
我们要将样式声明定义在元素的 style 属性中
然后就是他的语法使用：
<ANY style=“样式声明；样式声明；样式声明”></ANY>
样式声明：表示一个具体的显示效果。
每个样式声明都由两个部分组成：
样式属性：属性值
例如：
样式属性属性值
color 颜色英文表示法
font-size 以px或pt为单位的数
background-color 颜色英文表示法
唯一要注意的就是多个样式声明之间，要用"；"隔开

2、内部样式表

先说一下它要写在哪里：
我们要将样式声明定义在页面的style元素中
（1）、在<head>中添加<style></style>元素
（2）、在style中添加任意多"样式规则"
就像这样：
样式规则：
选择器{
样式声明；/属性：值；/
样式声明；
… …
}
选择器：规范了页面中那些页面中那些元素能够使用定义好的样式
在这里我们可以举个“栗子”：
p{
color:red;
font-size:30px;
background-color:gray;
}
p{}:定义页面中所有p元素的样式
当然其他元素也是相同的效果

3、外部样式表

外部样式呢是分为两个步骤：
（1）、创建一个独立的样式表文件保存样式规则：
**.css
注意只能编写遵循css规范的内容
然后往里面写入样式声明
例如我们前面提到的：
p{
color:red;
font-size:30px;
background-color:gray;
}
然后我们第一步就算完成了
（2）、在需要的页面上引入样式表文件
<head>
<link rel=“stylesheet” type=“text/css” href=“css文件url”>
<head>
这样就可以了这就是外部样式表