通过 CSS 可以设置文本倾斜、文本粗细以及文本大小写等字体风格。font-style 属性主要用于指定斜体文本。这个属性有三个值：normal，文本正常显示。italic，文本斜体显示。oblique，和 italic 非常相似，但浏览器支持度较低在 006 文件夹下创建一个 font-style.html 文件，构建基本代码，添加一个 h1 元素和三个 p 元素...

为你的网站选择正确的字体，能够提高用户浏览网站的体验——恰当的字体可以为你的品牌创造一个强大的视觉标识。使用一种易于阅读的字体，比如为字体选择正确的颜色和文字大小，都是非常重要的。

为文本添加装饰线通过 text-decoration-line 属性实现，可以结合一个以上的值，如上划线和下划线，来显示文本上方和下方的线条。具体的值有三个：

文本水平对齐，我们前面的课程曾经接触过——使用 text-align 这个样式属性来实现。它的属性值有三个：left，right，center，分别表示文本水平居左，居右，居中。

CSS有很多用于格式化文本的属性。比如，文本的颜色、大小写转化、对齐方式、文本间距、文本装饰等等。（此时会同时演示几个案例）首先，我们来介绍 CSS 如何为文本添加颜色。通过声明 color 属性 来设置文本的颜色，值可以是颜色名称、十六进制颜色值、RGB颜色值。（此处用代码来演示）这几个颜色值是不是感觉很熟悉？没...

2022年岁末将至，这一年的互联网技术也是甚是热闹，一方面人工智能（AI），5G（5G NETWORK），虚拟现实和增强现实（VR&AR），大数据分析（Big Data Analysis）等等老热词的反复出现，另一方面“元宇宙”和Web3.0等等这样的新概念新技术一时间又红的发紫，炙手可热。颇有众神齐聚天王山的意思。

“哥？听说现在北京下个楼就能发烧？真的假的？别听他们瞎说，不用下楼……”这个12月注定是个不平凡的12月空气中弥漫着奥密克戎的味道男人女人们拿着试纸战战兢兢看自己是不是两道杠小区里有两个核酸点一个撤了，另一个也撤了北京的问候语也从：核酸了么，你内？改成了：发烧了么，您内？终于进了决赛阶段了这注定是免疫系...

我们经常会看到页面中有一些特殊的动态样式，例如，点击文本的时候，文本颜色发生变化，鼠标悬停在文本区域的时候，文本区域背景颜色发生了改变，这样的效果该如何实现呢？（案例参照：新闻类型的网站）

添加 h1 和 p 两个元素，分别填入一些文本。给 h1 定义内联样式，style 等于 color blue，text-align center。给 p 定义内联样式，style 等于 color red。保存文件。

再来看一下代码，我们发现行内样式存在一些问题，最大的问题就是：样式代码和 html 代码编写到了一起，显得杂乱。为了解决这个问题，我们来学习另外一种添加样式的方法：内部 CSS。如果一个单一的 HTML 页面有一个独特的风格，可以使用一个内部样式表。内部样式表，一般定义在 head 元素里。通过 style 元素来定义。页面...

CSS 就如同我们生活中的化妆师，给一张张普通的面庞，涂抹上各种化妆品，这样看起来更加的光鲜亮丽、赏心悦目，这就是 CSS 的美妆功效。CSS 是 Cascading Style Sheets 的缩写，译为层叠样式表，是用来设计网页样式的语言。它描述了 HTML 元素在屏幕、纸张或其他媒体上的显示方式。

在SVG中，通过 text 标签来绘制文本，它是一个双标签，基本语法为：尖角号 text，尖角号 /text，标签里填写文本的内容。它的  属性 x 和  属性y，定义文本的位置坐标，值为数字。还有两个常用属性：font-size，定义文本的大小，值为数字。text-anchor，定义文本的对齐方式。有三个值：start，以文本左端对齐；middle，以...

先来学习绘制线条。绘制线条使用 line 标签，line 是线的意思，引申为线条。它是一个单标签，基本语法为：尖角号 line，斜线尖角号。它有几个重要的属性：x1 属性，定义 x 轴上直线的起点坐标。y1 属性，定义 y 轴上直线的起点坐标。x2 属性，定义 x 轴上直线的末端坐标。y2 属性，定义 y 轴上直线的末端坐标。你可能会...

先来学习 hr 标签。hr 是个单标签，基本语法为:<hr>。hr 是 horizontal   rule 的简写，表示“水平线”，作用是在网页上画出一条水平分隔线，可以在视觉上将文档分隔成多个部分。

在“基本信息” fieldset 分组标签   结束的位置处，回车换行。再添加一组 fieldset 与 legend 标签，在 legend 标签内，填入文本“保密信息”，实现区域的分组效果。在浏览器中打开页面，“保密信息”分组边框就做好了。 

制作“社区疫情流调信息表”打开编辑器，新建一个 case_form.html 文件，补全基础代码，在 body 内部添加一个 H1 标题标签，在 H1 标题标签内部输入 “社区疫情流调信息表” ，给 h1 标签定义水平居中的 align 属性，值设置为 center。

嘟个嘟个嘟个嘟达达卡塔尔的富豪们已经刷新了我的三观但是沙特的王子也不淡定了沙特爆冷门世界杯战胜阿根廷什么概念？就相当于糖果超甜唱赢了周杰伦拿到了金曲奖五菱宏光跑赢了F1捧起小奖杯中国队踢赢了~~~~对不起就算是瞎想我也不知道中国队能战胜谁！！！

GOGOGO，欧莱欧来欧来感谢世界杯让我认识了这个新的地方一个富得流油的地方——卡塔尔其他国家地区办世界杯可能是为了挣点钱只有他们是为了——热爱！

在HTML中如何定义一个下 拉菜单呢?可以使用 select 标签来定义，select 是选择的意思。基本语法为：<select><option></option></select>select 标签包含一个或多个 option 子标签。option 是选项的意思，定义了一个可以被选择的选项。<option></option>。注意：select标签里面只能...

这节课，我们学习表单的多行文本框控件。多行文本框控件，也称文本域控件。生活中多行文本框随处可见，例如：在线简历中的个人优势区域；在线问卷调查中的个人观点和看法区域；流调信息表中的详细地址，都使用到了多行文本输入框。

这节课，我们学习表单的 单行文本框控件：文本框和密码框。文本框和密码框在互联网的世界随处可见，例如：QQ登录页面、微信小程序访客预约界面、12306购票系统的注册页面，以及流调信息的填写页面，都使用到了文本框或密码框。

要说少年，就不能只说少年要说孤烟，说松下甘泉说风声在肩，说寒霜利剑说人间惊鸿客，月上云中天说一方卿云款款，说皓月星繁说醉后舞剑，说踏马荒原说凌云志，莫说铜臭钱说花间笑，莫说江水寒说剑气凛然战正酣，莫说江渚渔樵秋已老当然也要说佳人眉眼，深情款款可谁又能说好少年？我是说，我的少年

表单与我们的生活息息相关。例如，回老家时，社区让返乡人员填写的纸质版或者是电子版的流调信息表；医院的电子挂号平台；12306 购票系统的注册登录页面；QQ登录界面；以及微信公众号中的门票预约系统 ("畅游公园"玉渊潭预约) 。这些地方都应用到了表单的相关内容。

每个HTML元素都有一个默认的显示值 (display value)，这个显示值有两个，分别是 block 和 inline，翻译过来就是块和内联。元素显示默认采用哪个值，取决于它是什么类型。

皇城帝都，天子脚下今儿核儿酸了吗您内？托您的福！阴着儿呢！阴着点儿好！咱这拖家带口的！谁也别阳喽！总要去趟北京吧！吹吹颐和园的晚风，走走紫禁城，去趟天安门，感受京城的威严！先来一个北京话等级测试，到时候您来北京了，一口流利的北京话，那叫一个：地道！初级：填空题，请根据北京话发音说出正确普通话意思...

这节课，我们讲解网页中元素的颜色值和长度单位的表示方法。先来学习颜色值的表示方法。颜色是结合红、绿、蓝三色光来显示的，在网页中表示颜色的方式有很多——比如颜色名称、十六进制值、RGB值等等。颜色名称是指使用表示颜色的英文单词来定义颜色值。网页中支持140个标准的颜色名称。比如 Red 红色、Green 绿色、blue  ...

在我们的学习和生活中，经常会见到各式各样的表格。例如：销售报表、电子简历、课程表等等，都是用表格来完成的。我们来看这个课程表案例——这是一个 11 行 6 列的表格，不难发现：表格中的上午和下午，以及晚自习所在的单元格，都是由多个单元格合并而成的。

单元格是表格的重要组成部分，如何只修饰一个单元格？单元格 td又有哪些属性？先准备一个表格。打开编辑器，新建一个 table_td.html 文件，准备好基础代码，在body里面编写 Emmet 语句，  table>tr3>td3，创建一个 3 行 3列的表格，在每一个 td 里添加对应的数字。

只需要给 tr 添加一个属性——height，高度值设置一个数字。回到编辑器，在表格的第一个 tr 中添加 height 属性，值设置成100，保存！

你有没有听说过Web3.0，从2021年开始，各种互联网人、投资人和媒体人都在讨论Web3.0，有人说它是互联网的未来，有人说它是纯粹的庞氏骗局，有人说它是暴富的法门，也有人说它是熊市之光。