HTML 学习记录3.2 CSS基础语法 选择器 创建形式
86 浏览量
2021-01-08
14:22:21
上传
评论
收藏 98KB PDF 举报
HTML 学习记录学习记录3.2 CSS基础语法基础语法 选择器选择器 创建形式创建形式
这是HTML学习总结的第三篇第二节，前两篇及上一节请戳下面：
HTML 学习总结1入门 基本概念、格式 文字标签 图片标签 链接标签 表格标签 注释
HTML 学习总结2 框架 表单
HTML 学习总结3.1 开发工具的使用 div标签
CSS基础基础
说完了上面的前置知识，我们迎来了今天的主角CSS。相信很多小伙伴和我一样，在刚开始接触到这个名词的时候简直不知
所云，那么，学习CSS就先从了解它是个什么东西开始。
接着，我们需要了解CSS的创建形式及选择器。
最后，需要介绍它的基础语法
什么是什么是CSS
首先，什么是CSS？它和HTML有什么关系？
为了解释这个问题，我们的先了解CSS的名称。询问度娘后得知：
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）
或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，
还可以配合各种脚本语言动态地对网页各元素进行格式化。
从上面的描述中我们可以知道，CSS是一种样式，它是用来修饰HTML文件的。我们知道，虽然在前两节中，我们使用了诸如
font 标签来对字体进行修饰。但修饰的样式和灵活性毕竟是有限的。而CSS作为一种专门修饰HTML文件的存在，它可以为原
始文本进行更多样更精细的样式设计。
说白了，css是一种外在修饰，HTML中的内容才是本体。这个关系，就像是主播和滤镜的关系这个关系，就像是主播和滤镜的关系，他们一同创造了你所看见的
美丽画面，却是两个层面上的东西。
再放一张w3cschool上的概述：
内联式内联式
第二种是内联式，很多地方把它叫做内嵌，或叫做内部样式表，不过我们说过不纠结命名问题。这种写法想要表现的是，将
CSS样式直接写在HTML的 head 标签下，对全文起修饰作用。
对全文起修饰作用，指的是这段CSS的作用域是全文，并非不能只对单个标签或是区域起修饰作用。要想实现这点，我们需
要选择器的知识，这点等下会说到。
具体的，编写样式，需要使用 style 标签，并在其中使用type属性指明修饰种类为CSS，这也是一个双标签，写法如下：
...
内嵌式内嵌式
最后一个是内嵌式，有些地方把这个又叫做内联式。这种样式的书写方式就如其名，是嵌在标签中作为属性出现的。
使用的，是 style 属性，将样式写在标签中。例如我在之前的网页的第二个div上加入颜色和尺寸修饰;
这是一个div区域
这是另一个div
区域
得到如下样式：
评论0