【CSS 基础】01 概述

CSS 概念

CSS-Cascading Style Sheets，全称为层叠样式表。css是用来定义网页样式的，内容与表现分离的问题，极大提高工作效率。

CSS 优点：

• css是web标准，顺应潮流
• 弥补html标签的功能不足
• 加快页面加载的速度
• 对搜索引擎更加友好，更有利于收录和抓取页面内容
• 使页面的内容和表现分离，便于维护和管理

---

CSS 创建方式

1. 行内样式（内联样式）

<标签 style="属性1:值1;属性2:值2;"></标签>

说明：

• 不同属性直接用分号分隔
• 最后一个属性后面的分号可省略
• 属性名和属性值直接用逗号分隔

2. 内部样式（嵌入样式）

<style type="text/css">    选择器{属性1:值1;属性2:值2;} </style>

说明：type=”text/css”可以胜率

3. 外部样式

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

4. 导入样式

@import url(css文件);

5. 不同方式比较

• 行内样式基本很少使用
• 内部样式仅对某个页面有效
• 外部样式可以被多个页面使用
• 导入样式的作用是把多个css共同部分

---

CSS注释

语法格式

/*     css多行注释  */

---

---