带着问题去看书学习,不失为一种好的方式。
HTML5+CSS3+JavaScript Web 前端开发案例教程(慕课版),微信读书中找到的学习Web前端书籍,好啦,我要带着课后习题,开始学习前端开发了,耶(^-^)V
习题
1-1 网页制作的核心技术有哪些?
HTML5(纯文本类型的语言)、CSS3(层叠样式表)和JavaScript(网页设计的一种脚本语言)
1-2 概述HTML5文件的基本结构。
一个HTML5文件由一些元素和标签组成。元素是HTML5文件的重要组成部分,例如title(文件标题)、img(图片)及table(表格)等。元素名不区分大小写,HTML5用标签来规定元素的属性和它在文件中的位置。
1-3 创建一个HTML文档的开始标签是什么?结束标签是什么?
文件的全部内容
1-4 元素的分类有哪些?请分别具体说明。
- 块状元素
本身的属性为display:block的元素。不是块状的元素,通过设置display:block,可以将该元素变成块状元素。
1、在默认情况下,每个块状元素从新的一行开始,其后面的元素另起一行;
2、在默认情况下,块状元素是自上而下垂直排列,且每个块状元素独占一行;
3、块状元素一般都作为其他元素的容器,可以容纳内联元素和其他块状元素。
4、块状元素的高度,行高及其外边距和内边距都可以通过CSS属性来控制和调整!
5、在不设置宽度的情况下,块级元素的宽度则和它的父级元素的宽度一致。
6、在不设置高度的情况下,块级元素的高度则和它的父级元素的高度一致。
❝
块状元素❞
- 内联元素
指本身属性为display:inline的元素,其宽度随元素的内容而变化。不是内联元素,通过设置display:inline,可以将该元素变成内联元素。
1、内联元素不会独占一行,多个相邻的内联元素会排列在同一行中,顺序是从左到右排列,直到排列不下,才会另起新的一行;
2、内联元素设置高度height是无效的,宽度由其自身内容决定的,但高度可以通过行高line-height来进行调整;
3、内联元素设置宽度width是无效的,其宽度是由元素内容本身的大小决定的,比如文字、图片等;
4、内联元素设置外边距margin,只有左外边距margin-left和右外边距margin-right是有效的,而上下是无效的;
5、内联元素设置内边距padding,只有左内边距padding-left和右外边距padding-right是有效的,而上下是无效的;
6、内联元素只能容纳文本或者其他内联元素,请不要在内联元素中嵌套块状元素。
❝
内联函数❞
- 块状内联元素
内联块状元素(inline-block)就是既能设置宽高,又能独占一行显示,这样,同时具备了内联元素和块状元素的特点,设置display:inline-block,就是将元素转换成为内联块状元素类型。
1、内联块状元素和其他相邻元素同在一行, 但它们之间存在间隙,间隙大小为字体大小;
2、内联块状元素的高度、宽度、行高以及顶和底边距都可设置。
常见内联块状元素:
button,textarea,input、select、img是内联块状元素(inline-block)
1-5 说明网页中注释的意义以及添加注释的方式。
适当的注释可以帮助用户更好地了解页面中各个模块的划分情况,也有助于以后对代码的检查和修改。给代码加注释,是一种很好的编程习惯。
- 在文件开始标签中的注释:
<!--注释的文字-->
- 在CSS中的注释:
/*注释的文字*/
- 在JavaScript脚本语言中的注释
单行注释: //注释的文字
代码语言:javascript复制多行注释: /*注释的文字*/
其他笔记
- 「查看网页源代码:单击鼠标右键,点击查看源代码」
❝
❞
- 「下载 WebStorm」
❝https://www.jetbrains.com/webstorm/ ❞
?关注我呀~❤️