视频教学资源
学校目标
理解并掌握与背景相关的样式属性
理解并掌握与边框相关的样式属性
理解并掌握与文本相关的样式属性
理解并掌握与字体相关的样式属性
理解并掌握与列表相关的样式属性
理解并掌握其他常用的样式属性
本章单词
请在预习前完成下列单词的学习，将其写在横线上。
① repeat（[rɪ'pi：t] 重复）___________________________________________
② fixed（[fɪkst] 固定的，不变的）_____________________________________
③ transparent（[trænsˈpærənt] 显而易见的，透明的）____________________
④ uppercase（['ʌpəˌkeɪs] 大写字母）__________________________________
⑤ underline（[ˌʌndə'laɪn] 下划线，强调）______________________________
⑥ medium（['mi：dɪəm]中间的，中等的）_________________________________
⑦ alpha（['ælfə]希腊字母的第一个字母）________________________________
⑧ disc（[dɪsk] 唱片，圆盘）___________________________________________
⑨ square（[skweə（r）] 正方形，平方）__________________________________
⑩ outside（[ˌaʊtˈsaɪd] 户外，在外边，超出范围）________________________
⑪ visibility（[ˌvɪzəˈbɪləti] 可见性，能见度）________________________
预习任务
1.为了使背景图像固定，不随内容一起滚动，可以为css 的（ ）属性赋值为（ ）。（选择一项）
A.background-image no-repeat
B.background-attachment no-repeat
C.background-image fixed
D.background-attachment fixed(www.chuimin.cn)
2.使用border-width 属性设置4 个边框的粗细，顺序应为（ ）。（选择一项）
A.上、下、左、右
B.左、底、右、顶
C.顶、右、底、左
D.顶、左、底、右
3.CSS 属性text-decoration 可以设置为以下（ ）一组值。（选择一项）
A.none、justfy、left、right
B.none、left、center、right
C.none、underline、overline、line-through
D.none、capitalize 、uppercase、lowercase
4.以下有关字体的CSS 属性的说法，错误的是（ ）。（选择一项）
A.可以为font-style 赋值为italic
B.可以为font-variant 赋值为normal
C.可以为font-weight 赋值为bold
D.可以为font-family 赋值为normal
5.使用list-style 设置列表项目的符号类型、位置、图像时，正确的顺序应为（ ）。（选择一项）
A.list-style-type、list-style-position、list-style-image
B.list-style-position、list-style-type、list-style-image
C.list-style-image、list-style-position、list-style-type
D.list-style-type、list-style-image、list-style-position
6.创建一个HTML 页面，在其中编写CSS 样式代码。为页面设置背景颜色，如下图所示。（参考本章例6.1）
设置了背景颜色的页面
7.在HTML 中使用无序列表显示商品信息，在其中编写CSS 样式代码。使用图片替换无序列表的符号，如下图所示。（参考本章例6.5）
商品列表
本章将详细介绍常用的CSS 样式属性。
有关基于HTML与CSS网页设计的文章
清除浮动可以理解为打破横向排列。图8.10例8.6 的运行结果_未清除浮动前说明按照之前所述的浮动的规则，secondDiv 上浮到firstDiv 右侧。假设出于某种需要，我们希望secondDiv 仍然出现在firstDiv 的下方，就像firstDiv没有设置浮动，仅为secondDiv 设置向左浮动那样。图8.11例8.7 的运行结果_清除左侧浮动说明在secondDiv 上设置了清除左侧浮动，也就是说它的左侧不能有浮动元素，这样导致它自己换行显示以满足这一规则。以下代码演示了清除右侧浮动的场景。......
2023-10-19
A.ID 选择器B.伪类选择器C.类选择器D.HTML 标签选择器3.假设有多条样式规则由一个独立的样式文件包含，现在有一个网页要使用这个样式文件中的样式规则，应在此网页中使用（ ）标签链接这个样式文件，并设置此标签的（ ）属性的值为这个样式文件的地址。登录页面CSS 的英文全称为Cascading Style Sheet，中文译名通常是层叠样式表或级联样式表。......
2023-10-19
如前所述，XHTML 是HTML 的替代者，它是从HTML 继承而来，但使用了XML 的规则进行严格规范。XHTML 与传统的HTML 的不同之处，主要来自于XML 语法规范的格式要求，即要求“格式良好”。这些要求统称为XHTML 文档的有效性。万维网联盟为XHTML 制定了3种DTD，分别适用于不同场景。过渡的：要求非常宽松的DTD，允许继续使用HTML4.01 的标签和属性，但要求格式良好。为确保XHTML 文档是有效的，应在文档第一行添加DOCTYPE即文档类型声明。DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">严格的：
2023-10-19
完成本任务所用到的主要知识点：标签标签标签问题已经制作了一个FLASH 动画，就像电视里的音乐MV 那样精致。这个动画的文件名为“gaoxyjni.swf”。分析FLASH 动画是网页中常见的多媒体类型。解决方案 新建网页文档3.html。 使用EditPlus 打开3.html 网页，在其中编写以下代码。图上机1.4弹出警告对话框单击按钮，浏览器将显示FLASH 动画，如图上机1.5 所示。图上机1.5FLASH 动画 使用chrome 浏览器测试这个网页，发现不能正常显示这个FLASH 动画。......
2023-10-19
表6.6常用的CSS 样式属性_其他杂项例6.6：代码运行结果如图6.6 所示。图6.6例6.6 的运行结果说明鼠标移动到
上方时，光标显示为移动状。图6.9表格2.在HTML 中使用无序列表显示文章列表，在其中编写CSS 样式代码。图6.11横向导航菜单提示图6.11 所示导航效果，是采用列表布局，其参考代码如下：鼠标移上超级链接时其背景图片发生改变，使用background-position 属性来设置背景图片的位置。......2023-10-19
视频教学资源学校目标理解表单的作用理解表单与表单元素的关系掌握表单标签及其属性掌握各种表单元素标签及其属性认识表单提交本章单词请在预习前完成下列单词的学习，将其写在横线上。图3.1表单示例_百度首页博客园的登录表单，如图3.2 所示。图3.3表单示例_华声论坛注册由上面的例子可以看到，浏览者可以填写表单中的文本框、密码框等表单元素，并确认向服务器发送这批数据，由此实现浏览器与服务器之间的数据交互。......
2023-10-19
不过标签在HTML 中被称为强调标签。和标签的基本使用方法如下：2.使文字加粗用双标签可使文字加粗，使文字更加醒目，例如文章的标题部分。示例代码如下：3.给文字加下划线用双标签可以为文字添加下划线。例1.9：文字修饰的设置。图1.9字体的样式4.预格式化标签标签可定义预格式化的文本。......
2023-10-19
图8.1例8.1 的运行结果_未使用浮动说明目前并没有使用浮动，4 个div 块作为块级元素在文档流中从上到下一次排列。图8.3例8.3 的运行结果_向右浮动说明secondDiv 因为浮动而脱离了正常的文档流之后，在它之后的thirdDiv 和forthDiv依次向上流动，填补了secondDiv 让出的空间，与之前的firstDiv 形成新的文档流。图8.6运行结果将secondDiv，thirdDic，forthDiv 都设置为向右浮动后的结果如图8.7 所示。......
2023-10-19
相关推荐