摘要：
语言相关样式 你有没有想过，Chrome浏览器是怎么知道问你要不要翻译网页内容的？这是因为 <html> 元素上的 lang 属性。 lang 属性是一个非常重要的属性，因为它标识web上文本内容的语言，而且这种信息在许多地方都被使用。上面提到的Chrome的内置翻译，针对特定语言的内容的搜索引擎以 阅读全文
摘要：
DOM布局 const label = { lettersort: false, paramname: "label", paramid: 0, title: "车源列表筛选项", option: [{ value: 1, text: "全部" }, { value: 2, text: "本地求购" 阅读全文
摘要：
先废话一下 之前在自己的个人公众号中提到了一篇利用 css 的方式进行 XSS 攻击，当时有朋友跟我说，让我去获取那个网站的 cookie，再然后进入那个网站的后台去玩。然而，技术能力实在有限，搞不了这些东西，只是觉得那个网站没有适当过滤 html 标签是一件很危险的事情。 不过今天要说的 css 阅读全文
摘要：
我们平常在用div+css制作html网页页面时，常会用到class 和id来选择调用css样式属性。对学习CSS的新手来说class和id可能比较模糊，同时不知道什么时候该用class，什么时候又用id，以及它们用法与限制是怎么样的。 ID和class都是“钩子” 我们需要一个使用html/xht 阅读全文
摘要：
1、使用display:none来隐藏div 我们可以使用display:none属性来隐藏所有的信息，包括文本和图片，语法为： <div>这里你是看不到的</div> 当我们使用div中的css样式，我们就可以使用display:none属性对内容进行隐藏，并且通过浏览器也是看不到的，同时被隐藏的 阅读全文
摘要：
灵魂三问： 标签语义化是什么？为什么要标签语义化？标签语义化使用场景有哪些？ 下面让我们跟着这三个问题来展开一下本文的内容。 一、标签语义化是什么？ 标签语义化就是让元素标签做适当的事情。例如 p 标签就是代表文本，button 标签代表按钮，nav 标签代表导航等等。 二、为什么要标签语义化？ 其 阅读全文
摘要：
普通用户下载图片时只需一个「右键另存为」操作即可完成，但当我们做在线编辑器、整个 UI 都被自定义实现时，如何解决不同域问题并实现页面中图片资源的安全下载呢？本文就解决该问题过程中所涉及的正则表达式、Web API 和 canvas 操作进行记录。 本文分为以下七个部分： 利用 <a> 标签下载任意 阅读全文
摘要：
使用Notification的流程 1.检查浏览器是否支持Notification2.检查浏览器的通知权限3.如果权限不够则申请获取权限4.创建消息通知5.展示消息通知 Notification API 构造方法 let notification = new Notification(title, 阅读全文
摘要：
我们在网页设计中，通常会使用ps工具来达到图片或者边框阴影、立体等效果。但是如果一些基础效果都需要用p图来完成那就显得效率比较低了。其实可以使用css来设置边框阴影，下面本篇文章来给大家介绍一下。 在css中，我们可以通过box-shadow属性来设置边框阴影。 box-shadow属性可以向边框添 阅读全文
摘要：
前言 Canvas是H5中新增的技术，主要运用在图片的处理和动画的绘制上，随着Canvas的使用场景越来越多，了解Canvas对平时开发大有裨益，这篇文章将介绍Canvas基本图片操作与处理 图片上传与绘制 将图片上传并绘制到Canva中是最常见的Canvas的图片处理，这个上传与绘制的过程是怎么实 阅读全文
摘要：
先看看效果 【 方法一：截图模拟实现 】 原理：先截一张相同位置的图片，创建一个遮罩层，然后把图片定位在相应的位置上。 优点：原理简单；兼容性好，可以兼容到IE6、IE7；可以同时实现镂空多个。 缺点：此方法只适合静止页面，不适合可以滚动的页面。也不适合页面内容会发生变换的页面。 代码如下： <di 阅读全文
摘要：
父级元素包含几个行内元素 <div id="box"> <p> <span>按钮</span> <span>测试文字文字文字测试文字文字文字</span> <span>看这里</span> </p> </div> #box p{ width: 800px; font-size: 30px; } #b 阅读全文
摘要：
在网页中，元素有三种布局模型：流动模型（Flow） 默认的、浮动模型 (Float)、层模型（Layer）。下面我们来看一下这三种布局模型。 三种布局模型介绍： 1、流动模型（Flow） 流动（Flow）模型是默认的网页布局模式。也就是说网页在默认状态下的 html 网页元素都是根据流动模型来分布网 阅读全文
摘要：
一个网页有时会使用两种css，那发生css样式冲突要怎么解决？下面本篇文章就来给大家介绍一下发生css样式冲突的解决方法，希望对大家有所帮助。 css冲突怎么解决？ 解决方法有很多，如果可以对html改动的话，就给你需要细化的页面元素加多一个class或者ID就行了，当然这种方法应该不是你想要的。那 阅读全文
摘要：
毛玻璃效果 ios里毛玻璃效果的使用非常多，本文介绍一个实现div毛玻璃背景的方法 css3 Filter css3的Filter主要用在图像的特效处理上，默认值为none，还有以下备选项： 1.grayscale灰度 2.sepia褐色 3.saturate饱和度 4.hue-rotate色相旋转 阅读全文