web前端基础：CSS基础

最新推荐文章于 2022-02-28 22:18:21 发布

追光的泡泡

最新推荐文章于 2022-02-28 22:18:21 发布

阅读量97

点赞数

分类专栏： web前端 # 前端基础 # CSS

本文链接：https://blog.csdn.net/qq_37014633/article/details/103065643

版权

17 篇文章 1 订阅

订阅专栏

17 篇文章 0 订阅

订阅专栏

8 篇文章 0 订阅

订阅专栏

• CSS 层叠样式表 (Cascading Style Sheets)
• 用于定义HTML内容在浏览器内的显示样式

• HTML是网页内容的载体
• CSS样式是表现(外观控制)
• JavaScript是行为，用来实现网页特效效果

CSS简化HTML相关标签，网页体积小，下载快
• 解决内容与表现分离的问题
• 更好的维护网页，提高工作效率

css规则由两部分构成：选择器、声明；

写在<head></head>标签内：

<style type=“text/css”>
CSS样式…
</style>

• html注释：
• CSS注释：/注释语句/

• 行内样式（内联样式）
在开始标签内添加style样式属性如： <p style=“color:red;”>内容</p>
• 内部样式表（嵌入样式）
内部样式（嵌入样式），把css样式代码写在:

<style type="text/css">
样式…
</style>

说明：<style>要放在<head>标签之间
• 外部样式表（Link链入）
外部样式表，把CSS样式代码写在独立的一个文件中
扩展名： CSS文件名.CSS
说明：<link>要放在<head>标签之间,
引入外部文件：

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

• 导入式
@import “外部CSS样式”
说明：@import写在

行内样式>内部样式>外部样式
说明：

关注