当前位置:首页 > 教程 > CSS > CSS简介

1.4 CSS基本用法

css样式代码必须保存在.css类型的文本文件中,或者放在网页内<style>标签中,或者插在网页标签的style属性值中。

一、行内样式

直接放在标签的style属性中

示例:

<p style="color:red;">字体颜色为红色</p>
<div style="border:blue 1px solid;width:100px; height:100px">这是一个加了蓝色边框的正方形</div>

二、内部样式

把样式代码放在<style></style>标签内

示例:

<style>

body{
font-size:12px;
color:#333;
}

/*段落文本P标签的基础属性*/
p{
color:red
}

</style>

内部样式一般放在网页的头部区域<head></head>,目的是让css代码先下载并解析,避免当网页下载后,由于没用css样式渲染使页面无法正常显示。

三、外部样式

保存在.css类型的文件中

把样式代码保存到单独的.css类型文件中,使用<link>标签导入,这是网站中常用的方式。

<link href="base.css" rel="stylesheet">

样式优先级

行内样式>内部样式>外部样式

你觉得文章内容怎么样

阿里云代金券 100 云产品通用

有效期30天 首购用户

立即领取
推荐宝塔面板 0 安全高效的

服务器运维面板

立即领取