《HTML5+CSS3网页设计入门必读》——6.7 测验

简介:

本节书摘来自异步社区《HTML5+CSS3网页设计入门必读》一书中的第6章,第6.7节,作者: 【美】Julie Meloni更多章节内容可以访问云栖社区“异步社区”公众号查看。

6.7 测验

本测验包含一些问题和练习,可帮助读者巩固本章所学的知识。在查看答案之前,要尝试尽量回答所有的问题。

6.7.1 问题
1.怎样使用样式代替< b >或< strong >标签创建一个段落,并使其中前3个单词显示为粗体?

2.怎样表示水的化学公式?

3.怎样在Web页面上显示“© 2013, Webwonks Inc.”?

4.怎样居中显示整个页面上的所有文本?

6.7.2 答案
1.可以使用下面这段代码:

<p><span style="font-weight: bold">First three words</span> are bold.</p>

2.使用以下代码:

H<sub>2</sub>O

3.可以使用以下代码之一:

&copy; 2013, Webwonks Inc.
或

&#169; 2013, Webwonks Inc.

4.如果考虑把<div style="text-align:center"> 或者另一个容器元素紧接着放在页面顶部的< body >标签后面,并在页面底部的 body >标签之前使用 div >,那么你就是正确的。不过,在< body >标签中也直接支持text-align样式,这意味着可以放弃< div >标签,并且style="text-align:center"样式直接放在< body >标签中。这样,整个页面将迅速居中显示。

6.7.3 练习

  • 对多个块级元素(如< p >、< div >、< ul >和< li >列表项)以及一些语义元素应用字体级样式属性。尝试嵌套元素,以便感受样式如何通过内容层次结构进行层叠或者不层叠。
  • 使用文本对齐样式属性把文本块放在Web页面上的多个不同的位置。尝试嵌套段落和分区(< p >和< div >),以便感受样式如何通过内容层次结构进行层叠或者不层叠。
  • 疯狂体验Web字体。通过Google Web Fonts找到一些Web字体,然后在样式表并且最终在页面自身的布局中包括它们。
相关文章
|
6天前
|
前端开发 开发者 UED
【专栏:HTML与CSS前端技术趋势篇】网页设计中的CSS Grid与Flexbox之争
【4月更文挑战第30天】本文对比了CSS Grid和Flexbox两种布局工具。Flexbox擅长一维布局,简单易用,适合导航栏和列表;CSS Grid则适用于二维布局,能创建复杂结构,适用于整个页面布局。两者各有优势,在响应式设计中都占有一席之地。随着Web标准发展,它们的结合使用将成为趋势,开发者需掌握两者以应对多样化需求。
|
6天前
|
移动开发 前端开发 JavaScript
【专栏:HTML与CSS实战项目篇】使用HTML5与CSS3制作一个动态表单验证页面
【4月更文挑战第30天】本文介绍了使用HTML5和CSS3创建动态表单验证页面的方法。首先,简述HTML5用于构建网页内容,CSS3用于描述样式。接着,分四步展示实现过程:1) 设计包含输入框和提示信息的表单结构;2) 使用CSS3创建样式,增强视觉效果;3) 使用JavaScript监听输入事件,动态验证表单并显示错误信息;4) 测试和调试确保跨平台兼容性。通过学习,开发者能掌握创建带验证功能的表单,提升用户体验。
|
6天前
|
编解码 前端开发 数据挖掘
【专栏:HTML 与 CSS 移动端开发篇】移动优先的网页设计理念
【4月更文挑战第30天】本文探讨了移动优先的网页设计在HTML和CSS移动端开发中的重要性。随着移动设备普及,移动优先设计理念旨在首先满足移动端用户需求,提供良好体验。通过响应式设计、简洁布局、优化资源和触摸友好交互,确保网站在移动设备上的表现。实施步骤包括分析用户需求、设计原型、编写代码和测试优化。注意避免过度设计,保持一致性,关注性能,并适应不同平台。移动优先设计是提升用户体验和竞争力的关键,随着技术发展,这一理念将持续演进。
|
6天前
|
前端开发 UED
【专栏:CSS 基础篇】CSS 入门:给网页添加样式
【4月更文挑战第30天】CSS是网页设计的关键,用于控制网页样式和布局。它通过选择器(如元素、类和ID)来设定颜色、字体、对齐、背景等属性。CSS可内嵌、外部引用或行内设置。布局技巧包括浮动、定位和弹性盒子。响应式设计利用媒体查询适应不同设备。不断实践和学习CSS,能提升网页的吸引力和用户体验。一起探索CSS的魅力吧!
|
6天前
|
移动开发 前端开发 HTML5
【专栏:HTML 基础篇】HTML 入门:从零开始构建你的第一个网页
【4月更文挑战第30天】本文引导初学者从零开始学习HTML,了解这种标记语言用于构建网页的基础知识。通过介绍HTML的基本结构,如文档类型声明、根标签、头部和主体,以及如何添加文本、设置标题、插入图片、创建链接、使用列表、制作表格和设计表单,帮助读者构建第一个网页。同时强调,结合CSS可实现网页的美化。
|
11天前
|
前端开发 JavaScript
前端 富文本编辑器原理——从javascript、html、css开始入门(二)
前端 富文本编辑器原理——从javascript、html、css开始入门
22 0
前端 富文本编辑器原理——从javascript、html、css开始入门(二)
|
11天前
|
前端开发 JavaScript 索引
前端 富文本编辑器原理——从javascript、html、css开始入门(一)
前端 富文本编辑器原理——从javascript、html、css开始入门
28 0
|
17天前
|
前端开发 搜索推荐 容器
《CSS 简易速速上手小册》第1章:CSS 基础入门(2024 最新版)
《CSS 简易速速上手小册》第1章:CSS 基础入门(2024 最新版)
19 0
|
18天前
|
移动开发 自然语言处理 前端开发
《HTML 简易速速上手小册》第1章:HTML 入门(2024 最新版)
《HTML 简易速速上手小册》第1章:HTML 入门(2024 最新版)
19 0
|
21天前
|
XML 编解码 前端开发
css设计文本样式 前端开发入门笔记(十二)
css设计文本样式 前端开发入门笔记(十二)
7 0