前端
-
聊聊前端里一个奇怪的水平滚动条
@charset “UTF-8″;.markdown-body{font-family:-apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFo…
-
分享8个令人震惊的HTML技巧
本篇文章给大家带来了关于html 的相关知识，其中主要跟大家分享8个html 技巧，感兴趣的朋友下面一起来看一下吧，希望对大家有帮助。 1. 捕获属性打开你的设备摄像头 正如 input 标记具有 email、 text 和 password 属性一样，还有一个属性可以打开移动设备的摄像头来捕捉图像…
-
值得一学的6个前端HTML+CSS特效
本篇文章给大家分享6个值得一学的前端html+css特效。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 前言：学习不能止步于收藏，必须自己来一遍，加入自己的思考。 1.图片慢慢靠近 当我们在看图片时，可能觉得图片有点小，那我们就给用户一种体验，当用户把鼠标移入时，图片慢慢变大。 …
-
快速使用svg画出精美动画！
经常在Codepen上看到大侠们用SVG画出不可思议的动画，我一直很好奇他们是怎么运作的，总觉得这需要对SVG有足够透彻的了解，并且自己画出那些SVG图案，才有办法让他动起来。 但其实不然，今天教大家一个简单的小技巧，让你快速实现一个svg动画！ 打开Codepen，点击界面中的build按钮，就可…
-
了解浏览器渲染网页的每个步骤机制！
我的想法：如果我要构建快速可靠的网站，需要真正了解浏览器渲染网页的每个步骤机制，这样就可以在开发过程中对每个步骤进行优化。 这篇文章是我在较高水平上对端到端过程的学习总结。 好了，废话不多说，我们开始吧。这个过程可以分为以下几个主要阶段： 1、开始解析HTML 2、获取外部资源 3、解析 CSS 并…
-
浅谈网页中提升SVG文件可访问性的几种方法
（推荐教程：html教程） SVG是一种图像文件格式，它的英文全称为Scalable Vector Graphics，意思为可缩放的矢量图形。本文就来为大家介绍7个提升网页SVG文件可访问性的方案。 1、作为图片使用的 SVG 文件 如果你的 SVG 是作为 的 src 引入的，务必为 添加 r…
-
利用前端基础制作html开关图标
我们先来看下效果图： （学习视频分享：html视频教程） html代码： 立即学习“前端免费学习笔记（深入）”； 开关图标 ON OFF css样式： body { text-align: center } .SwitchIcon { margin: 200px auto; } #toggle-bu…
-
网页开发中实用的11个文本输入和6个按钮操作特效
文本输入特效 1.power-mode-input PowerModeInput 可以让你的文本输入框更引人注目。 地址:https://github.com/lindelof/power-mode-input 2.TextInputEffects 简单的样式和效果，可增强文本输入交互。 地址:ht…
-
html css js是什么？
html称为超文本标记语言，是一种标识性的语言；css表示层叠样式表，是一种用来表现HTML或XML等文件样式的计算机语言；js全称为JavaScript，是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。 在现今的互联网生活中，我们经常能看见CSS，HTML，js放在一起，却有很多人都…
-
html代码什么意思？
超文本标记语言（标准通用标记语言下的一个应用，外语缩写html），是迄今为止网络上应用最为广泛的语言，也是构成网页文档的主要语言。 HTML代码也就是HTML语言编写的文本。HTML文本是由HTML命令组成的描述性文本。 HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头…
