开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

CSS3实现loading图

HTML5学堂：学习CSS3，重要的并不是那几个命令，而是如何应用CSS3的知识实现网站中的效果，换句话说，“只有想不到，没有做不到”。在这个效果当中，主要用到了圆角边框和动画。 HTML5学堂-刘国利在此郑重声明：本篇文章的灵感来源于2014年的自己一个学生的技术演讲，他运用CSS3实现了loading图效果，在此书写出来与大家分享。效果创造的原作者——黄仕辉实现的基本思路：利用圆角边框对loading图的样式控制，让其从方形变化为圆形；之后控制不同的边框粗细，调整更佳的视觉效果；最后利用CSS3中的动

04

H5 新增的元素和废除的元素

section元素定义文档或应用程序的一个区域，如章节、页眉、页脚或文档中的其他部分，它可以与h1、h2、h3、h4、h5、h6等元素配合使用，标示文档结构。

03

您找到你想要的搜索结果了吗？

是的

没有找到

H5新增的行内的语义元素

mark元素主要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字，其比较典型的应用就是在搜索结果中高亮显示搜索关键词。

02

H5新增的嵌入多媒体元素与交互性元素

新增的嵌入多媒体元素有video和audio元素，分别用来插入视频和声音的。值得注意的是可以再开始标签和结束标签之间放置文本内容，这样旧版本的浏览器就可以显示出不支持该标签的信息。例如：

02

H5新增的块级的语义元素

figure元素表示一段独立的流内容，一般表示文档主体流内容的一个独立单元。使用

元素为figure元素组添加标题。

02

2022我的面试准备

面试官你好，我叫***，今天来应聘贵公司的前端工程师岗位。我从事前端开发两年多，有··年多的React开发经验，··年vue开发经验，在上家公司主要从事H5页面，后台管理系统，混合App等项目开发。平常喜欢逛一些技术社区丰富自己的技术，像思否，掘金,csdn之类，并且自己也独立开发了个人博客网站，记录自己的工作总结和学习心得。我的性格比较温和，跟同事朋友相处时比较外向，在工作中代码开发时我喜欢全心全意的投入，对于工作我总抱着认真负责的态度,擅于快速定位问题，并用心解决。面试官，以上是我的介绍，谢谢。

01

网易NEC水平垂直居中

HTML5学堂：水平垂直居中在项目开发中可以算是比较常见的吧，所以之前也给大家分享了HTML+CSS水平垂直居中的实现方法。今天主要给大家分享网易NEC里面是如何实现水平垂直居中。网易NEC是什么？ NEC是网易（杭州）前端CSS开源项目代号，它为您提供漂亮简单的样式解决方案，包括了规范、框架、代码库、插件等内容，致力于为前端开发人员提供高效率高质量的前端页面开发解决方案，提高多人协作效率，也为非专业人员提供快速制作网页的解决方案。搭建基本的结构 <!doctype html> <html> <head

05

【前端】html+css 面试题总结（不含答案）

什么是渐进增强和优雅降级浏览器的内核分别是什么?经常遇到的浏览器兼容问题有哪些？原因，解决方法是什么？常用Hack技术从输入网址到页面展现出来是怎样一个流程说说你对HTML语义化的理解 Htm

02

HTML5点击全屏的方法

这个按钮是？我移了好几遍，没有title提示。图形也不具有代表性，一个圈圈意思是？——圈人？？是不是啊？？不敢点，点了不知道会发生什么，浏览器会不会关掉！！我思想斗争做了很久，终于弱弱地点了一下~~

03

HTML居中代码怎么写？

设置单行或表格单元格内元素，垂直方向上的位置，不能用块级元素。可用属性值：top middle bottom 等，详细说明.

06

「资深前端工程师总结」前端面试知识点大全——html篇

定时让网页在3秒内跳转到mozilla首页(http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。)

03

2016.05 第三周群问题分享

HTML+CSS 一个div里面有个img标签，div的高度由img撑开；img的兄弟级有个div要使内层div的高度等于外层div的高度，除了用JS实现，还能怎么实现？ 2016.05.16~2016.06.20 核心概念 flex、position、display 参考答案结构：

HTML5学堂

设置多栏多列布局display

移动端兼容系列 HTML与CSS兼容

HTML5学堂：本文，我们将继续为大家总结介绍移动端的常见兼容问题，今天要提的是关于移动端HTML与CSS当中，遇到的一些常见兼容问题，主要包括取消电话号码的识别、取消邮箱识别以及横向rem的问题。对于移动端的兼容问题，由于内容较多，决定书写成一个系列。在这些杂乱知识的发现与整理，主要来源于几个讲师平时的积累，而自己的学生们也为内容的充实做出了很大的贡献，在此非常感谢~！不再多说，一起进入今天的主要内容。移动端兼容 - 取消电话号码识别具体情形：在iPhone上页面中的数字识别为电话号码。我们书写的

06

赶紧3分钟学完15分钟的内容我要出去玩（8）

作者名：1_bit 简介：CSDN博客专家，2020年博客之星TOP5，蓝桥签约作者。15-16年曾在网上直播，带领一批程序小白走上程序员之路。

03

文本类样式 — 背景、文本、字体

上周我们通过之前讲解的知识点完成了对一个页面的布局操作，实现了页面的一级、二级布局，完成了页面主体框架的搭建。但是细心的你应该会发现，我们做出来的网页与网页PSD图（设计图）还有很大差距，也就是说我们

08

常见的WebStrom使用技巧和Chrome使用技巧

自己平时总结的一些使用WebStrom的使用技巧和Chrome浏览器使用技巧 WebStrom使用技巧标签名 + Tab键可以快速输入一个标签例如：div + Tab键可以快速输入：

选中代码按下 Ctrl + D 可以同时实现复制和粘贴左手按住Alt键，右手按住鼠标左键往下拉可以选中下拉线上的内容在WebStrom中输入div*10并且按下Tab键可以一次性输入10个div 在WebStrom中输入div{item$}*10并且按下Tab键可以一次性输入10个div并且div

02

献给前端的小伙伴，祝大家面试顺利！

HTML相关问题 1.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML

05

handsome主题标题居中

handsome主题更新后发现之前的主题标题居中不见了，主题的标题默认显示在左边，handsome没有提供选项，那就自己改改呗，下面是思路，可以用到其他的地方。鼠标移到标题那里，右击选择检查。打开开发者模式，并直接可以看到所在元素的html代码。可以看到这一块它的代码是这样的

得水小筑

<small class="text-mu

03

年薪30万的前端面试题，你能答对几道？|附答案

HTML面试题 1.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML 元素必

06

HTML一些标记的认识

在HTML5中主要的特性之一就是减少网页对Flash的依赖，很多视频网站和网页游戏都依赖着Flash来运行，很多时候会发现，没有安装Flash就无法打开一些网页，运行Flash对浏览器压力比较大，使用HTML5就可以直接剔除Flash直接通过HTML5来播放视频或者运行网页游戏，这样可以很大程度减轻对浏览器的压力，并且网站开发人员维护起来也要方便得多。虽然HTML5出来有一段时间了，但是国内普遍还是使用着Flash，在国外的网站大部分都已经转用了HTML5，例如YouTube视频网站。

01

HTML5——周技能检测——菜单编辑——2022年11月22日（考完）

HTML5——周技能检测——菜单编辑——2022年11月22日（考完）一、语言和环境 1. 实现语言：HTML5。 2. 开发环境：VScode。二、要求 1、完成下列菜单显示效果。 2、添加【:hover】选择器，鼠标悬停在文字上方时文字加粗。参考图如下所示：三、推荐实现步骤（1）创建宽度为【100%】，高度为【5vh】的【div】容器。（2）通过ul与li的方式创建一个菜单列表，li的数量为8。（3）添加外层div的背景颜色为【skyblue】。（4）添加li的文本格式为：宽度【12

03

前端文章收藏

HTML 标签和属性 HTML标签大全手机页面的一些有用的meta 前端 Meta 用法大汇总标签语意化选择合适的块级HTML标签流程图 Web标准(Standard) HTML Living Standard－WHATWG WHATWG维护的持续更新的HTML标准 W3C规范 W3C规范翻译 HTML5中文小组翻译的。附HTML5中文小组主页 CSS 基本概念 CSS 词汇表注释，语句，规则集等等。【转载】理解 CSS 属性值语法看懂 CSS 规范的属性值定义。选择器

02

微信小程序的组件用法与传统HTML5标签的区别

小程序刚开放公测，互联网圈内开始了各种解读和猜测。其中有观点认为小程序和HTML5有着紧密关联，甚至小程序就是基于HTML5开发。

02

标签

标签定义HTML表格中的表格头部单元格。该元素中的文本一般显示为居中粗体文本，而元素内的文本一般是左对齐普通文本。

01

表单构建html的页面代码,网页设计表单制作代码制作一个很简单网页表单代码…

CSS布局HTML小编今天和大家分享以下网页设计表格html代码急急急，下午要交作业了，编码大神救救我

02

CSS布局：水平居中

前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　一直对CSS布局一知半解，这段时间打算定下心来好好学习一下，于是先从最简单的水平居中布局开始入手。下面以分页组件为实例来记录各种实

08

Java成长之路 —— HTML基础

① HTML，英文全称 Hyper Text Markup Language，翻译过来就是①超文本②标记语言，这是一种用于创建网页的标准标记语言。

01

canvas 入门实战-邀请卡生成与下载

手机网站一键秒变App？详细教程来了

App开发大家都耳熟能详，可如果要把一个网站变成app，需要怎么操作？一款利器为大家奉上。

02

HTML--标签参考手册【字母排序】

标签描述定义注释。 <!DOCTYPE> 定义文档类型。定义锚。定义缩写。 <acronym> 定义只取首字母的缩写。HTML5 中不支持。请使用代替。

定义文档作者或拥有者的联系信息。 <applet> 定义嵌入的 applet。HTML5 中不支持。请使用 <embed> 和 <object> 代替。定义图像映射内部的区域。

定义文章。

重构不完全教程集之一

本文主要介绍了CSS布局的基本知识、常见布局技巧、CSS3新特性及浏览器兼容性问题。

05

重构不完全教程集之一

“无上甚深微妙法，百千万劫难遭遇，我今见闻得受持，愿解如来真实义。” ——《开经偈》

03

前端成神之路-HTML5CSS3_01

一、什么是 HTML5 HTML5 的概念与定义定义：HTML5 定义了 HTML 标准的最新版本，是对 HTML 的第五次重大修改，号称下一代的 HTML 两个概念：是一个新版本的 HTML 语言，定义了新的标签、特性和属性拥有一个强大的技术集，这些技术集是指： HTML5 、CSS3 、javascript, 这也是广义上的 HTML5 HTML5 拓展了哪些内容语义化标签本地存储兼容特性 2D、3D 动画、过渡 CSS3 特性性能与集成 HTML5 的现状绝对多数新的属性，

01

java学习与应用（4.1）--HTML、CSS

文件标签html、head、title、body。html5使用<!DOCTYPE html>表示html文档，meta的charset指定字符集。注释文本标签h1--h6（标题标签），p（段落），br（普通回车解析为空字符），hr（水平线，color颜色，width宽度，size高度，alien对其方式[center left right]），b（加粗），i（斜体），font（字体，color颜色、size大小、face字体）标签属性中，color颜色表示：可以用red等，建议#值1值2值3（红绿蓝）（取色器）。width表示：数值（px），百分号（占比，相对父元素）。center标签，居中。特殊字符，对应的字符编码表。手册-->符号。图片标签img 自闭合（src路径[相对路径即可]，alien[部分不支持]，alt加载失败显示，width宽，height高）。列表标签：有序ol（order list，属性type更换样式，start起始位置）、li（每一项）。无序列表ul（unorder list，type），li（每一项）。链接标签：a标签（属性href跳转URL[本地或网络]（mailto:xxx@qq.com选项启动本地邮件），target属性_self本页面打开_blank新建选项卡）块标签：span（包裹作用，默认无效果，默认不换行一行），div标签，自动换行。语义化标签：header，footer，用来提高程序可读性，结合css使用。（html5）。表格：只有行的概念。table定义表格（border线宽，width宽度，cellpadding边沿内容间空白，cellspacing单元格间空白，bgcolor背景色，alien对齐），tr定义行（颜色，对其方式），td定义行内单元格（rowspan行合并，colspan列合并，以第一个行单元格写入），th定义表头单元格。 caption表格标题。thead，tbody，tfoot（类似语义化标签，有位置定义作用，非html5）。

02

前端面试那些坑

HTML Doctype作用？严格模式与混杂模式如何区分？它们有何意义? HTML5 为什么只需要写？行内元素有哪些？块级元素有哪些？空(void)元素有那些？页面导入样式时，使用link和@

06

实用的CSS3属性和使用技巧

CSS可以改进网站的设计并且开拓网站设计更多的可能性，可以令你的网页更具吸引力。对于前端开发者、网站设计师来说，掌握并熟练应用CSS是一项必不可少的技能。

01

适合 JS 新手学习的开源项目——在 GitHub 学编程

这里是 HelloGitHub 的《GitHub 上适合新手的开源项目》系列的最后一篇，系列文章：

03

CSS-各种cs样式之浏览器兼容处理方式汇总大全（更新中...）

页面模板 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="description" content="本网站的目的是....." /> 7 <meta name="keywords" content="作品集,素材库"

05

前端工程师面试题汇总

作者：@markyun markyun.github.io/2015/Front-end-Developer-Questions/ HTML Doctype作用？严格模式与混杂模式如何区分？它们有何意

08

2021前端面试经常被问到的题(附答案)

艺术喵 2 年前端面试心路历程（字节跳动、YY、虎牙、BIGO）| 掘金技术征文

04

【前端就业课第一阶段】HTML5 零基础到实战（七）文字及图片详解

注意：手机（APP）打开，内容显示更佳，不会的私聊博主即可想要拿代码或加入学习计划（** 博主会监督你并且教你写文章 **）的拉到最下面（PC端Web打开）加博主即可，目录也在最下面。

03

2022高频前端面试题合集之HTML篇

嗨！大家好！我是法医，一只治疗系前端码猿🐒，与代码对话，倾听它们心底的呼声，期待着大家的点赞👍与关注➕。 📢 最近整理了一些前端高频面试题，分享给大家，如有问题欢迎留言指正，面试专栏我会长期更新，欢迎大家点赞🤞、收藏📌，感谢！ 1. 什么是 DOCTYPE，有何作用？ Doctype是HTML5的文档声明，通过它可以告诉浏览器，使用哪一个HTML版本标准解析文档。在浏览器发展的过程中，HTML出现过很多版本，不同的版本之间格式书写上略有差异。如果没有事先告诉浏览器，那么浏览器就不知道文档解析标准是什么？

02

前端基础-HTML

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

01

「HTML&CSS」第一部分

请注意，本文编写于 2126 天前，最后修改于 174 天前，其中某些信息可能已经过时。

02

前端学习自学笔记：day09

今天是第九天的笔记,主要是HTML和CSS的,希望大家支持~ 在此之前先为大家显示下前端工程师的路线图: 第九天的笔记:HTML AND CSS: -复习：HTML类：定义类选择器：.cc{ color=""; } 类选择器引用： -复习：块级元素： :可以用作其他HTML元素的容器，同个类可以设置多个块级元素。例： -复习元素：行内元素，可以作为文本的容器，同个类可以设置多个行内元素。例：cccccc HTML布局：多列显示内容：解析：样式标签 #header {定义头部的

06

CSS3实现毛玻璃效果

最近在开发个人博客的时候，在网上学到了一种CSS特效---毛玻璃感觉还是比较实用下面将这种特效分享给大家。如下图，我的后台登录界面表单部分就是毛玻璃效果有时候这种特效很有用，可以达到一种朦胧的效果，接下来我们来看看如何实现它

01

给萌新HTML5 入门指南

HTML5的发展改变了互联网技术趋势，前端热度依旧不减，所以对于应用开发人员前端技术也成了必备技能之一，本篇文章的目的是为了帮助萌新的入门指导，也同时希望能为老鸟起到一定查漏补缺的作用，那么让我们开始吧。

04

Form表单问题多多（中）

HTML5学堂 - 刘国利：在上一篇的博文当中，主要讲解了表单的嵌套规则与书写习惯。在本篇博文当中，我主要就具体的样式实现进行一下讲解，并提一下表单相关的浏览器兼容问题。今天主要提到的标签有；label、文本框和密码框input、文本域。本文最早的版本也是在2013年8月时书写的，随着行业的变化，针对本篇文章也进行了内容的调整，调整时间2015年08月05日。本篇博文当中主要内容 1、label的作用 2、如何处理input文本框|密码框的样式 3、多行文本域textarea样式的处理 label的作用

05

2016，NodeJS干货来袭

HTML5学堂：随着时代的发展，JS的地位已经越来越高，NodeJS也是从萌芽开始，茁壮成长~这篇文章我们主要借助weinre这个NodeJS工具，讲解NodeJS工具的安装方法，并且顺带介绍调试工具weinre，weinre主要用于辅助我们进行移动平台的页面的“即时”调试。利利前面想说的一些话：2016年过年后，HTML5学堂的文章也要开始逐渐更新了，只不过目前每天工作事宜实在是比较多，所以不得不放在凌晨来写写技术文章，跟大家分享~还请大家多多包涵多多支持~！什么是weinre 什么是weinre呢？

07

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭