CSS（Cascading Style Sheets，层叠样式表）是一种用来表现HTML（标准通用标记语言的一个应用）CSS不仅能够静态地修饰网页，还可以配合脚本语言动态地对网页各元素进行格式化。
CSS的基本功能
-
样式控制：CSS可以对网页中元素的位置、大小、颜色等进行精确控制
-
模块化设计：通过CSS，可以将内容与样式分离，使HTML文件专注于结构，而CSS文件专注于样式呈现，提高了网页开发的效率和可维护性。
-
动态效果：CSS可以配合脚本语言实现动态效果，增强用户体验。
CSS的引入方式
CSS可以通过以下三种方式引入：
-
行内样式：直接在HTML标签的
style属性中写入样式代码。
例子：<span style="color: red; font-size: 50px;">描述</span>
-
内部样式表：将CSS代码放在HTML文件的
<style>标签内。（一般位于<head>标签内）
例子：
-
外部样式表：将CSS代码保存在一个单独的
.css文件中，并通过HTML文件的<link>标签引入。
注意：实际开发中，我们大都使用的是外部样式。html结构和css样式相分离，结构清晰，可以触发浏览器的缓存机制，提高页面访问速度。
内部样式表和外部样式表，书写的属性相同，在后边的属性会替换掉原来书写的属性。
行内样式的优先级大于内部样式表和外部样式表，优先使用行内样式表的属性。
CSS语法的基本规则
-
属性和值之间用冒号分隔。多个属性之间用分号隔开。
例如： color: red; font-size: 20px;
-
以下规则适用不是行内元素的引入方式
-
CSS中可以使用注释来解释代码或临时禁用某些代码。注释以
/*开始，以*/结束。
例如：/* 这是一个注释 */。
-
选择器：用于指定要应用样式的HTML元素。选择器可以是标签名、类名、ID名等。
-
声明块：包含在大括号
{}内的部分，用于定义具体的样式规则。声明块内可以包含一个或多个声明，每个声明由属性和值组成，属性与值之间用冒号:分隔，每个声明以分号;结束
注意：在html标签中，我们不写单位，只写数字，单位默认是像素px。在css中，我们不写单位，效果就出不来了。在设置css时候，一定要注意单位
CSS的选择器
CSS选择器用于指定要修改的HTML元素。常见的选择器包括：
-
通配选择器：
*，选中所有元素。
-
元素选择器：直接使用元素标签名，如
div、p等。
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
