【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多行注释
*/