本文详细介绍了CSS的三种导入方式：外部样式、行内样式和内部样式，以及CSS的基本选择器，包括标签选择器、类选择器和ID选择器。通过实例演示了各种导入方式的使用，并强调了样式优先级和就近原则。理解这些概念对于网页样式控制至关重要。
导入CSS的方式:
- 行内样式(直接标签元素内写)
- 内部样式(style)
- 外部样式(单独的css文件)
CSS基本选择器
- 标签选择器：选择这一类所有的标签
标签{} - 类选择器：选择所有class属性一致的标签，跨标签
.类名{} - id选择器：唯一性，
#id名{}
样式优先级：
行内样式>内部样式>外部样式
☆就近原则
一、 导入CSS的方式
1.外部样式
需要单独创建一个CSS文档
- 链接外部样式
- 导入样式
①链接外部样式
<link rel="stylesheet" href="./demo.css">
在<head>中引入<link rel="stylesheet" href="路径，导入CSS文档">
②外部导入样式
在<head>中引入<style>标签，在标签中引入CSS文档
@import是CSS2.1特有的
2.行内样式
可在元素上直接操作，<style=" 属性1；属性2">
3.内部样式
在<head>中，用<style>标签对需要编写的样式进行包裹
<style>
标签{xxx;
xxx;
...;}
</style>
二、CSS基本选择器
1、标签选择器
所有标签都可当做标签浏览器
2、类选择器
元素选择器加了样式 所有的元素都会有样式
类选择器 是给加了类名称的元素 才会有样式
类选择器记得要加上.
在<head>中，用<style>标签对需要编写的样式进行包裹
<style>
.类名称{xxx;
xxx;
... ;}
</style>
<标签名 class= "类名称">标签内容</标签名>
3、id选择器
使用id选择器 要使用#
#后面名称需要和id=" "后面的值对应
id选择器 表示唯一性 不要起两个相同名称的id，虽然有效果 但是不推荐这么写
在<head>中，用<style>标签对需要编写的样式进行包裹
<style>
#id值{xxx;
xxx;
... ;}
</style>
<标签名 id= "值">标签内容</标签名>
扫一扫
1773
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
