H5知识点大总结勾起你的欲望

最新推荐文章于 2022-06-05 10:02:22 发布
最新推荐文章于 2022-06-05 10:02:22 发布
阅读量982 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_29384657/article/details/51248453
版权

 

第 17 章 CSS 边框与背景[上]

 

 

学习要点：1.声明边框2.边框样式3.圆角边框

 

本章主要探讨 HTML5 中 CSS 边框和背景，通过边框和背景的样式设置，给元素增加更丰富的外观。

 

一．声明边框

 

边框的声明有三个属性设置，样式表如下：

 

属性

值

说明

CSS 版本

 

 

 

 

border-width

长度值

设置边框的宽度，可选

1

 

 

 

 

border-style

样式名称

设置边框的样式，必选

1

 

 

 

 

border-color

颜色值

设置边框的颜色，可选

1

 

 

 

 

 

这三个属性值，只有 border-style 是必须声明，才可以出现边框。而其他两个属性会出现默认值。

 

//最简单的边框，边框长度默认 3px，边框颜色为黑色 div {

 

border-style: solid;

 

}

 

//配置完整的边框 div {

 

border-style: solid; border-width: 2px; border-color: red;

 

}

 

如果元素长和高均为 200px 时，四个边框均为 2 时，元素的长高总尺寸均为 202px。

 

二．边框样式

 

边框的样式主要有三种，分别是边框长度取值、边框的颜色和边框的线条类型。颜色是通用的颜色代码，和所有其他颜色取值一下。而长度和线条类型，边框有自己独到的部分。

 

边框宽度取值表如下：


 

值

说明

 

 

长度值

CSS 长度值：比如 px、em 等

 

 

百分数

直接设置百分数：1、2、3 等

 

 

thin

 

 

使用长度名称的预设宽度。这三个值的具体意义由浏

medium

览器来定义，从小到大依次增大。

 

thick

 

 

 

 

一般来说，边框为了更加精准，还要计算元素盒子的总尺寸，使用长度值的比较多。而定义边框线条的样式如下样式表：

 

值

说明

 

 

none

没有边框

 

 

dashed

破折线边框

 

 

dotted

圆点线边框

 

 

double

双线边框

 

 

groove

槽线边框

 

 

inset

使元素内容具有内嵌效果的边框

 

 

outset

使元素内容具有外凸效果的边框

 

 

ridge

脊线边框

 

 

solid

实线边框

 

 

 

//solid 实线使用频率最高

 

div {

 

border-style: solid;

 

border-width: 10px;

 

border-color: red;

 

}

 

如果想对四条边中某一条边单独进行设置，可以使用如下样式表：

 

属性

 

说明

CSS 版本

 

 

 

 

border-top-width

 

 

 

border-top-style

定义顶端

 

1

border-top-color

 

 

 

 

 

 

 

border-bottom-width

 

 

border-bottom-style

定义底部

1

border-bottom-color

 

 

 

 

 

border-left-width

 

 

border-left-style

定义左侧

1

border-left-color

 

 

 

 

 

border-right-width

 

 

border-right-style

定义右边

1

border-right-color

 

 

 

 

 

 

//只设置顶端 div {

 

border-top-style: solid; border-top-width: 10px; border-top-color: red;

 

}

 

如果四条变都一致，那么没必要分写成三句样式，直接通过简写即可：

 

属性

值

说明

CSS 版本

 

 

 

 

border

 

设置四条边的边框

 

 

 

 

 

border-top

 

只设置上边框

 

 

 

 

 

border-bottom

<宽度> <样式> <颜色>

只设置下边框

1

 

 

 

 

border-left

 

只设置左边框

 

 

 

 

 

border-right

 

只设置右边框

 

 

 

 

 

 

//简写形式四条边设置

 

div {

 

border: 10px solid red;

 

}

 

三．圆角边框

 

CSS3 提供了一个非常实用的圆角边框的设置。使用 border-radius 属性，就可以达到这种效果，样式表如下：

 

属性

值

说明

CSS 版本

 

 

 

 

border-radius

长度值或百分数

四条边角

3

 

 

 

 

border-top-left-radius

长度值或百分数

左上边角

3

 

 

 

 

border-top-right-radius

长度值或百分数

右上边角

3

 

 

 

 

border-bottom-left-radius

长度值或百分数

左下边角

3

 

 

 

 

border-bottom-right-radius

长度值或百分数

右下边角

3

 

 

 

 

 

//设置圆角矩形 div {

 

border: 10px solid red; border-radius: 10px;

 

}

 

//四条边分别设置 div {

 

border: 10px solid red; border-radius: 10px 20px 30px 40px;

 

}

 

 

 

第 17 章 CSS 边框与背景[下]

 

 

学习要点：1.设置背景

 

本章主要探讨 HTML5 中 CSS 边框和背景，通过边框和背景的样式设置，给元素增加更丰富的外观。

 

一．设置背景

 

盒模型的尺寸可以通过两种方式实现可见性，一种就是之前的边框，还有一种就是背景。 CSS 背景设置的样式表如下：

 

 

属性

值

说明

CSS 版本

 

 

 

 

 

 

background-color

颜色

背景的颜色

1

 

 

 

 

 

 

background-image

none 或 url

背景的图片

1/3

 

 

 

 

 

 

background-repeat

样式名称

背景图片的样式

1/3

 

 

 

 

 

 

background-size

长度值或其他

背景图像的尺寸

3

 

 

 

 

 

 

background-position

位置坐标

背景图像的位置

1

 

 

 

 

 

 

background-attachment

滚动方式

背景图片的滚动

1/3

 

 

 

 

 

 

background-clip

裁剪方式

背景图片的裁剪

3

 

 

 

 

 

 

background-origin

位置坐标

背景图片起始点

3

 

 

 

 

 

 

background

复合值

背景图片简写方式

1

 

 

 

 

 

1.background-color

 

 

 

 

 

 

 

 

 

值

 

说明

CSS 版本

 

 

 

 

 

颜色

设置背景颜色为指定色

1

 

 

 

 

 

transparent

设置背景颜色为透明色

1

 

 

 

 

 

 

div {

 

background-color: silver;

 

}

 

解释：设置元素的背景颜色。属性值是颜色值。


 

div b {

 

background-color: transparent;

 

}

 

解释：默认值为 transparent，为透明的意思。这样<div>内部的元素就会继承<div>的背景色。一般来说这个属性使用频率很低，原因是不需要改变色彩时就默认，需要改变色彩时又是颜色值。

 

body {

 

background-color: silver;

 

}

 

解释：在<body>元素下可以设置整个页面的背景色。

 

2.background-image

 

值

说明

CSS 版本

 

 

 

none

取消背景图片的设置

1

 

 

 

url

通过 URL 设置背景图片

1

 

 

 

 

body {

 

background-image: url(loading.gif);

 

}

 

解释：url 里面是图片的路径，设置整个页面以这个图片为背景，如果图片不足以覆盖，则复制扩展。

 

div {

 

background-image: none;

 

}

 

解释：如果多个 div 批量设置了背景，而其中某一个不需要背景，可以单独设置 none 值取消背景。

 

在 CSS3 中，背景图片还设置了比如线性、放射性等渐变方式。但由于支持度的问题，比如 IE9 尚未支持。我们把这些的新特性放到独立的课程中讲解。

 

3.background-repeat

 

值

说明

CSS 版本

 

 

 

repeat-x

水平方向平铺图像

1

 

 

 

repeat-y

垂直方向平铺图像

1

 

 

 

repeat

水平和垂直方向同时平铺图像

1

 

 

 

no-repeat

禁止平铺图像

1

 

 

 


 

body {

 

background-image: url(loading.gif);

 

background-repeat: no-repeat;

 

}

 

解释：让背景图片只显示一个，不平铺。CSS3 还提供了两个值，由于支持度不佳，这里忽略。

 

4.background-position

 

值

说明

CSS 版本

 

 

 

top

将背景图片定位到元素顶部

1

 

 

 

left

将背景图片定位到元素左部

1

 

 

 

right

将背景图片定位到元素右部

1

 

 

 

bottom

将背景图片定位到元素底部

1

 

 

 

center

将背景图片定位到元素中部

1

 

 

 

长度值

使用长度值偏移图片的位置

1

 

 

 

百分数

使用百分数偏移图片的位置

1

 

 

 

 

body {

 

background-image: url(loading.gif);

 

background-repeat: no-repeat;

 

background-position: top;

 

}

 

解释：将背景图片置于页面上方，如果想置于左上方则值为：top left。

 

body {

 

background-image: url(loading.gif);

 

background-repeat: no-repeat;

 

background-position: 20px 20px;

 

}

 

解释：使用长度值或百分数，第一值表示左边，第二个值表示上边。

 

5.background-size

 

值

说明

CSS 版本

 

 

 

auto

默认值，图像以本尺寸显示

3

 

 

 

cover

等比例缩放图像，使图像至少覆盖容器，但有

3

可能超出容器

 

 

 

 

 

contain

等比例缩放图像，使其宽度、高度中较大者与

3

容器横向或纵向重合

 

 

 

 

 

长度值

CSS 长度值，比如 px、em

3

 

 

 

百分数

比如：100%

3

 

 

 

 

body {

 

background-image: url(loading.gif); background-size: cover;

 

}

 

解释：使用 cover 相当于 100%，全屏铺面一张大图，这个值非常实用。在等比例放大缩小的过程中，可能会有背景超出，当然，这点无伤大雅。

 

div {

 

background-image: url(loading.gif); background-size: contain;

 

}

 

解释：使用 contain 表示，尽可能让图片完整的显示在元素内。

 

body {

 

background-image: url(loading.gif); background-size: 240px 240px;

 

}

 

解释：长度值的用法，分别表示长和高。

 

6.background-attachment

 

值

说明

CSS 版本

 

 

 

scroll

默认值，背景固定在元素上，不会随着内

1

容一起滚动

 

 

 

 

 

fixed

背景固定在视窗上，内容滚动时背景不动

1

 

 

 

 

body {

 

background-image: url(loading.gif);

 

background-attachment: fixed;

 

}

 

解释：fixed 属性会导致背景产生水印效果，拖动滚动条而背景不动。

 

7.background-origin

 

值

说明

CSS 版本

 

 

 

border-box

在元素盒子内部绘制背景

3

 

 

 

padding-box

在内边距盒子内部绘制背景

3

 

 

 

content-box

在内容盒子内部绘制背景

3

 

 

 

 

div {

 

width: 400px; height: 300px;

 

border: 10px dashed red; padding: 50px; background-image: url(img.png); background-repeat: no-repeat; background-origin: content-box;

 

}

 

解释：设置背景起始位置。

 

8.background-clip

 

值

说明

CSS 版本

 

 

 

border-box

在元素盒子内部裁剪背景

3

 

 

 

padding-box

在内边距盒子内部裁剪背景

3

 

 

 

content-box

在内容黑子内部裁剪背景

3

 

 

 

 

div {

 

width: 400px; height: 300px;

 

border: 10px dashed red; padding: 50px; background-image: url(img.png); background-repeat: no-repeat; background-origin: border-box; background-clip: padding-box;

 

}

 

解释：在内边距盒子内部裁剪背景。

 

9.background div {

 

width: 400px; height: 300px;

 

border: 10px dashed red; padding: 50px;

 

background: silver url(img.png) no-repeat scroll left top/100% border-box content-box;

 

}

 

解释：完整的简写顺序如下：

 

[background-color]

 

[background-image]

 

 

 

 

第 18 章 CSS 表格与列表

 

 

学习要点：1.表格样式2.列表样式3.其他功能

 

 

本章主要探讨 HTML5 中 CSS 表格和列表，通过表格和列表的样式设置，让表格和列表显示更加多元化。

 

一．表格样式

 

表格有五种独有样式，样式表如下：

 

 

属性

 

值

说明

 

CSS 版本

 

 

 

 

 

 

 

 

border-collapse

边框样式

相邻单元格的边框样式

2

 

 

 

 

 

 

 

 

border-spacing

长度值

相邻单元格边框的间距

2

 

 

 

 

 

 

 

 

caption-side

位置名称

表格标题的位置

2

 

 

 

 

 

 

 

 

empty-cells

显示值

空单元格是否显示边框

2

 

 

 

 

 

 

 

 

table-layout

布局样式

指定表格的布局样式

2

 

 

 

 

 

 

 

1.border-collapse

 

 

 

 

 

 

 

 

 

 

 

 

 

值

 

 

说明

 

CSS 版本

 

 

 

 

 

 

 

separate

 

默认值，单元格边框独立

 

2

 

 

 

 

 

 

 

collapse

 

单元格相邻边框被合并

 

2

 

 

 

 

 

 

 

 

table {

 

border-collapse: collapse;

 

}

 

解释：单元格相邻的边框被合并。

 

2.border-spacing

 

值

说明

CSS 版本

 

 

 

长度值

0 表示间距，其他使用 CSS 长度值

2

 

 

 


 

table {

 

border-spacing:10px;

 

}

 

解释：border-collapse: separate;的状态下才有效。因为要设置间距，不能合并。

 

3.caption-side

 

 

值

 

说明

CSS 版本

 

 

 

 

 

 

top

 

默认值，标题在上方

2

 

 

 

 

 

 

bottom

 

标题在下方

2

 

 

 

 

 

table {

 

 

 

 

caption-side: bottom;

 

}

 

 

 

解释：设置表格标题。

 

 

 

4.empty-cells

 

 

 

 

 

 

 

 

 

值

 

说明

CSS 版本

 

 

 

 

 

 

show

 

默认值，显示边框

2

 

 

 

 

 

 

hide

 

不显示边框

2

 

 

 

 

 

table {

 

 

 

 

empty-cells: hide;

 

}

 

 

 

解释：单元格内容为空是隐藏边框。

 

5.table-layout

 

 

 

 

 

 

 

 

 

值

 

说明

CSS 版本

 

 

 

 

 

auto

默认值，内容过长时，拉伸整个单元格

2

 

 

 

 

 

fixed

内容过长时，不拉伸整个单元格

2

 

 

 

 

 

 

table {

 

table-layout: fixed;

 

}

 

解释：内容过长后，不会拉伸整个单元格。

 

二．列表样式

 

列表有四种独有样式，样式表如下：


 

属性

 

值

 

说明

 

CSS 版本

 

 

 

 

 

 

 

 

 

list-style-type

 

类型值

 

列表中的标记类型

1/2

 

 

 

 

 

 

 

 

 

list-style-image

none 或url

 

图像作为列表标记

1

 

 

 

 

 

 

 

 

 

list-style-position

 

位置值

 

排列的相对位置

1

 

 

 

 

 

 

 

 

 

list-style

 

简写属性

 

列表的简写形式

1

 

 

 

 

 

 

 

 

1.list-style-type

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

值

 

 

 

说明

 

CSS 版本

 

 

 

 

 

 

 

 

none

 

没有标记

 

 

1

 

 

 

 

 

 

 

 

disc

 

实心圆

 

 

1

 

 

 

 

 

 

 

 

circle

 

空心圆

 

 

1

 

 

 

 

 

 

 

 

square

 

实心方块

 

 

1

 

 

 

 

 

 

 

 

decimal

 

阿拉伯数字

 

 

1

 

 

 

 

 

 

 

lower-roman

 

小写罗马数字

 

1

 

 

 

 

 

 

 

upper-roman

 

大写罗马数字

 

1

 

 

 

 

 

 

 

lower-alpha

 

小写英文字母

 

1

 

 

 

 

 

 

 

upper-roman

 

大写英文字母

 

1

 

 

 

 

 

 

 

 

 

ul {

 

list-style-type: square;

 

}

 

解释：列表前缀的标记类型，这里是 CSS1 版本的。CSS2 版本还包含比如日文、亚美尼亚数字、希腊文等前缀。有兴趣的可以参考 CSS 手册。

 

2.list-type-position

 

值

说明

CSS 版本

 

 

 

outside

默认值，标记位于内容框外部

1

 

 

 

inside

标记位于内容框内部

1

 

 

 

 

ul {

 

width: 120px;

 

list-style-position: inside;

 

}

 

解释：标记位于内容框的内部。


 

3.list-type-image

 

值

说明

CSS 版本

 

 

 

none

不使用图像

1

 

 

 

url

通过 url 使用图像

1

 

 

 

 

ul {

 

list-style-image: url(bullet.png);

 

}

 

解释：使用图片作为前缀的标记。

 

4.list-style

 

ul {

 

list-style: lower-alpha inside url(bullet.png);

 

}

 

解释：简写形式。

 

三．其他功能

 

在<table>中<td>单元格，我们可以使用 text-align 属性水平对齐，但是垂直对齐就无法操作了。CSS 提供了 vertical-align 属性用于垂直对齐。

 

 

值

说明

CSS 版本

 

 

 

 

 

baseline

内容对象与基线对齐

1

 

 

 

 

 

top

内容对象与顶端对齐

1

 

 

 

 

 

middle

内容对象与中部对齐

1

 

 

 

 

 

bottom

内容对象与底部对齐

1

 

 

 

 

table tr td {

 

 

 

vertical-align: bottom;

 

}

 

 

解释：将单元格内的内容对象实现垂直对齐。

 

 

 

 

 

 

值

说明

CSS 版本

 

 

 

 

 

sub

垂直对齐文本的下标

1

 

 

 

 

 

super

垂直对齐文本的上标

1

 

 

 

 

 

b {

 

vertical-align: super;

 

}

 

解释：文本上下标设置。

值

说明

CSS 版本

 

 

 

长度值

设置上下的偏移量，可以是负值

1

 

 

 

百分比

同上

1

 

 

 

 

div span {

 

vertical-align: -200px;

 

}

 

解释：负值往下，正值往上。如果默认基线在上面，用负数。如果默认基线在下面，用正值。

 

 

 

 

 

范红康
关注
你真的熟练运用 HTML5 了吗，这10 个酷炫的 H5 特性你会几个？
努力是为了站在万人之中，成为别人的光
07-05 26万+
HTML5不是什么新鲜事。自初始版本（2008 年 1 月）以来，我们一直在使用它的几个功能。我再次仔细查看了 HTML5 功能列表。看看我发现了什么？到目前为止，我还没有真正使用过很多！ 在本文中，我列出了 10 个这样的HTML5功能，这些功能过去我用得不多，但现在发现它们很有用。我还创建了一个工作示例流程并托管在Netlify. 希望你也觉得它有用。让我们开始了解有关它们中的每一个的解释、代码和快速提示。 https://wanghao221.github.io/html-tips-tricks/
H5游戏性能优化总结
流子的专栏
05-28 4598
少使用Alpha混合。显式停止计时器，让它们准备好进行垃圾回收。使用事件侦听器并在不需要时删除这些侦听器。（确认）在不需要触摸交互性时显式禁用触摸交互性。（确认）合理使用dispatchEvents 函数。尽可能重用对象，建立对象池，而不创建对象并对其执行垃圾回收。多次调用类属性时，避免直接使用this.att，建立局部变量赋值。（确认）Event.ENTER_FRAME数量控制。（确认）减少不必...
H5知识点整理——1
Chenjingxvan的博客
06-05 784
H5基础知识点总结。
移动端H5的一些基本知识点总结
FungLeo's Blog
03-06 9787
移动端H5的一些基本知识点总结来到这家公司之后,和以前的工作发生了很大的转变.以前我一直是做PC端页面的.来到现在这家公司之后,主要是做手机移动端的页面.移动端的页面在我这个做习惯了PC端页面的人看来,应该是很简单的一些事情.但是在上手的过程当中,还是发现,原来移动端虽然DOM结构要简单得多,但是需要注意的细节,还是非常多的.原因非常简单,那就是,你必须考虑所有的手机上不同分辨率的展示效果.移动端的
H5移动端知识点总结（一）
09-13 903
一、使用rem作为单位 html { font-size: 100px; } @media(min-width: 320px) { html { font-size: 100px; } } @media(min-width: 360px) { html { font-size: 112.5px; } } @media(min-width: 400px) { html { font-size
H5知识点总结
weixin_39354532的博客
07-04 447
比较简单基础的H5知识点总结
h5知识点总结
NotBad_的博客
07-19 1150
Web Workers javaScript语言采用的是单线程模型，也就是说，所有任务排成一个队列，一次只能做一件事。  Web Worker的目的:就是为JavaScript创造多线程环境，允许主线程将一些任务分配给子线程。在主线程运行的同时，子线程在后台运行，两者互不干扰。等到子线程完成计算任务，再把结果返回给主线程。  当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到
前端知识点总结——H5
web前端的发展
06-20 3402
前端知识点总结——H5 1.html5新特性 (1)新的语义标签 (2)增强型表单* (3)音频和视频 (4)Canvas绘图 (5)SVG绘图 (6)地理定位 (7)拖动API (8)Web Worker (9)Web Storage (10)Web Socket 2.增强型表单 1.新input type H4:text;checkbox;password;radio;submit;rese...
H5游戏-面试问题知识点总结
奇士的博客
11-08 3516
项目遇到的问题？ 1 获得组件List的项会报null,用callLater延迟到这一帧渲染前才执行,因为List还未被渲染完成 2 卡顿掉帧问题 <1>同一帧new的对象过多，加载资源过多，解决办法：分帧计算，延迟加载，<2>异步加载资源 <3>cpu计算过多，内存空间不足，drawcall数量太多，都是可能引起掉帧的原因，具体要找出问题解决 排行榜处理大量数据？ 数据排序的处理，可以用二分法递归排序，然后用split()分成几个数组分页显示 ..
什么叫h5项目_对移动端h5项目的一点总结
weixin_39777163的博客
12-22 2563
到现在也做了不少的h5，遇到了不少的坑，也对曾经的经验教训总结一下到现在也做了不少的h5，遇到了不少的坑，也对曾经的经验教训总结一下。主要做过的项目有：每个项目都有这样那样的难点，现在都分别总结一下。1. 智图派-腾讯财经这个项目的亮点是进入到首页后，就是根据当前的时间，每一位都滚动到对应的数字。我实现的思路是：计算当前时间与设定好的时间节点之间的时间差；将时间差转换为数组；根据数组的位数，给每一...
H5知识点总结(html/css/js)包含xmind文件
10-11
H5知识点总结(html/css/js)包含xmind文件,还包含了图片格式,svg格式以及网页格式的文件
H5知识点
qq_32886855的博客
10-30 315
一、link： link标签也存在于&lt;head&gt;中，作用如下  1.可以把样式引入到网页中  &lt;link ref="stylesheet" href="css样式地址.css"/&gt; 2.给网页title前面加个图标  &lt;link rel="icon" href="图标地址.icon"/&gt;  最好是使用后缀名是.icon的图片，.png的或其
HTML5主要知识点总结
Seven的博客
06-28 1249
html5主要知识点总结一、HTML5的概念二、HTML5 新增部分简介1，新增的结构标签2，新增的智能表单2.1 input表单新增了type属性值：2.2 表单智能验证2.3 表单新属性2.4 智能表单过滤（datalist）3，video和audio标签4，canves的基本用法4.1 canves元素4.2 一个简单的例子5，js获取元素的新方式6，js操作类名的新方法7，js自定义属性8，网络状态9，地理定位9.1 获取地理位置的方式9.2 API详解10，web存储10.1 特性10.2 win
HTML5知识点总结
qq_53539929的博客
03-27 2388
1.什么是 HTML5 1.1 HTML版本  1.2 HTML5简介 万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。用于取代HTML4与 XHTML的新一代标准版本，所以叫HTML5。 XHTML 可扩展超文本标记语言 XHTML是一种增强了的HTML，它的可扩展性和灵活 性将适应未来网络应用更多的需求 。 HTML5 HTML5的设计目的是为了在移动设备上支持多媒体。 增加了新特性：语义特性，本地存储特性，设备兼容特 性，连接特性，网页多媒体特性，三
H5——知识点总结（一）
ningma30000的博客
11-21 409
H5 文章目录H5大纲属性篇标签篇 大纲 新增的属性 placeholder calendar,date,time,email,url,search contenteditable draggable hidden context-menu data-val(自定义属性) 新增的标签 语义化标签（类似DIV的东西） canvas（画板） svg audio（声音播放） video（视...
H5 知识点
yunzhonghe5786的专栏
01-19 293
<!DOCTYPE html> <html> <body> <div style="text-align:center;"> <button onclick="playPause()">播放/暂停</button> <button onclick="makeBig()">大</button> <button onclick="makeNormal()">中</button> <
H5的小知识点
YCM1101743158的博客
10-08 1617
/* */ 屏蔽; 换行; 一些值可以用百分比 比如 width:50%;标签:p 段落;h1 大标题; style 可多写; 1:html 也是一种文档格式,网页也是一种文档。 2:html 发展历史。 html4.01 html1.0 html5(最新) 3:DOCTYPE 是 document type 的简写,用来说明你用的 xhtml 或者 html 是什
H5前端面试必备知识点详解
"这是一份全面的H5前端面试题集，涵盖了HTML&CSS、JavaScript以及其他前端开发核心领域的知识点，旨在帮助应聘者准备面试。面试题包括了前端基础、JavaScript高级概念、DOM操作、网络协议、性能优化以及工程实践等多...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值