![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
爪蛙没有爪
Think before you leap!
展开
-
不改变DOM,给元素增加遮罩(背景)
如题,现需要给modal元素增加一个全局遮罩或全局背景,要求不能修改DOM结构和修改JS代码:<!DOCTYPE html><html><head><meta charset=utf-8 /><title>CSS</title><style> .modal { position: fixed;...原创 2020-01-18 13:26:40 · 702 阅读 · 0 评论 -
JS粘贴为文本,从contenteditable 中删除格式
问题: 使用contenteditable="true"的div元素,使用粘贴功能时会携带复制文本的样式,造成样式的错乱。在某些浏览器下,粘贴从word复制过来的文本还会把word中的格式也粘贴进来,导致功能的错误。所以针对contenteditable粘贴格式的问题,给出了以下的解决方案。<div contenteditable="true"></div>解决方案:...原创 2019-09-06 11:03:28 · 3170 阅读 · 2 评论 -
HTML之meta属性大全
&lt;meta/&gt;用于定义页面元信息,定义元信息就是制定一些name-value对。可以制定如下三个属性。1.http-equiv:指定元信息的名称,该属性指定的名称具有特殊意义,它可以向浏览器回传一些有用的信息,帮助浏览器正确地处理网页内容。2.name:指定元信息的名称,该名称值可以随意指定。3.content:指定元信息的值。可以为网页指定如下的值:网页字符集 &lt;m...原创 2019-02-26 08:58:56 · 2303 阅读 · 0 评论 -
Flex 布局详解
flex-direction:使用在display:flex的父容器里,改变横轴的方向:1.flex-direction:row:默认值,从左到右2.flex-direction:row-reverse:从右到左3.flex-direction:column:从上到下4.flex-direction:column-reverse:从下到上flex-wrap:使用在display:fl...原创 2019-01-30 22:18:28 · 362 阅读 · 0 评论 -
深入了解W3C标准及规范
引言合格的前端工程师必须深入理解W3C标准和规范,很多前端招聘要求中也常常提到W3C标准和规范。许多新手或项目并不太遵循W3C标准和规范,这就不利于前端工程化和标准化。概述万维网联盟(外语缩写:W3C)标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)规范...原创 2019-01-27 17:36:44 · 1205 阅读 · 0 评论