前端学习之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.这次的图片做了适当的美化。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181219G064BE00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券