前端学习之CSS-01

1

前言

本节再把HTML的一些内容学习一下，主要是HTML框架，剩下的学习部分为CSS（层叠样式表）的基础介绍、CSS选择器、CSS文本/字体。

2

思维导图

更新思维导图：

更新了HTML框架部分，包括frameset和iframe的用法。其中，frameset类似于C/C++里的分割窗口，用iframe实现了同窗口里的不同部分的页面切换。

3

代码示例

CSS（层叠样式表）示例：

这是HTML页。

外部样式表，创建css文件，用link标签引入：

内部样式表，直接在html文件中写样式信息：

内联样式，在标签里写样式信息：

导入样式，在CSS文件中引用另外一个CSS文件：

CSS选择器，包括id选择器、类选择器、标签选择器、后代选择器、群组选择器、通用选择器、伪选择器：

CSS文本/字体示例：

包括设置文本大小、字体颜色、字体位置、字体类型，还有去掉超文本的下划线。

4

总结

重要的事情说三遍：多打代码、多打代码、多打代码

知道了页面的布局分割，就是HTML框架

知道了各种CSS选择器，常用的有id选择器和类选择器

知道了不同CSS文件间的互相引用方法

知道了超文本的修饰，去掉默认的下划线

ps.这次的图片做了适当的美化。