CSS层叠样式表-基于HTML与CSS网页设计

2023-10-19 理论教育版权反馈

【摘要】：A.ID 选择器B.伪类选择器C.类选择器D.HTML 标签选择器3.假设有多条样式规则由一个独立的样式文件包含，现在有一个网页要使用这个样式文件中的样式规则，应在此网页中使用（）标签链接这个样式文件，并设置此标签的（）属性的值为这个样式文件的地址。登录页面CSS 的英文全称为Cascading Style Sheet，中文译名通常是层叠样式表或级联样式表。

视频教学资源

学校目标

理解样式表对控制页面元素外观的作用

掌握样式规则的语法

理解各种选择器

理解样式代码在什么位置编写及它们的作用范围

掌握常用的样式属性

本章单词

请在预习前完成下列单词的学习，将其写在横线上。

① style（[staɪl] 风格，样式）________________________________________

② declaration（[ˌdekləˈreɪʃn] 宣言，公告，声明）_______________________

③ background（[ˈbækgraʊnd] 背景）____________________________________

④ decoration（[ˌdekəˈreɪʃn] 装饰品，装饰图案）________________________

⑤ height（[haɪt] 高度）______________________________________________

⑥ font（[fɔnt] 字形，字体）___________________________________________

⑦ weight（[weɪt] 重量，权重，体重）____________________________________

⑧ collapse（[kə'læps] 倒塌，折叠，崩溃）______________________________

⑨ italic（[ɪˈtælɪk] 斜体，斜体字）____________________________________

⑩ link（[lɪŋk] 关联，链接）___________________________________________

⑪ visited（['vɪzɪtɪd] 游览过，参观访问过）____________________________

⑫ hover（['hɒvə（r）] 盘旋，徘徊，鼠标悬停）____________________________

预习任务

1.要将页面中所有的<h1></h1>标签设置为居中20px 的字号，应优先使用（）选择器。（选择一项）(www.chuimin.cn)

A.ID 选择器

B.伪类选择器

C.类选择器

D.HTML 标签选择器

2.要统一设置页面内所有超链接在普通状态、已访问状态、鼠标悬停状态、激活状态下4 种不同的外观，应优先使用（）选择器。（选择一项）

A.ID 选择器

B.伪类选择器

C.类选择器

D.HTML 标签选择器

3.假设有多条样式规则由一个独立的样式文件包含，现在有一个网页要使用这个样式文件中的样式规则，应在此网页中使用（）标签链接这个样式文件，并设置此标签的（）属性的值为这个样式文件的地址。（选择一项）

A.link src

B.style href

C.link href

D.style src

4.要为单元格内部的文字设置颜色，应使用（）样式属性；要去除超链接默认的下划线，应使用（）样式属性，并为其赋值为（）。（选择一项）

A.font-color underline none

B.color underline no

C.text-color text-decoration none

D.color text-decoration none

5.创建一个登录页面，在其中编写CSS 样式代码。为文本框设置背景颜色，如下图所示。（参考本章例5.2）

登录页面

CSS 的英文全称为Cascading Style Sheet，中文译名通常是层叠样式表或级联样式表。它的作用是定义如何显示HTML 元素。它是一门独立的语言，由万维网联盟（W3C）制定，目前的正式版本为2.0 版。

CSS层叠样式表-基于HTML与CSS网页设计

相关推荐