摘要：
1、引言 随着互联网安全意识的普遍提高，对安全要求稍高的应用中，HTTPS的使用是很常见的，甚至在1年前，苹果公司就将使用HTTPS作为APP上架苹果应用市场的先决条件之一（详见《苹果即将强制实施 ATS，你的APP准备好切换到HTTPS了吗？》一文）。 所以，无论是即时通讯IM还是其它应用，在网络 阅读全文
摘要：
在网页制作中，元素的显示隐藏是非常常见的需求。本文将介绍元素显示隐藏的9种思路 display 对于元素显隐来说，最常见就是display:none | display:block，但是使用这种方法有个问题，元素的display属性在隐藏前并不都是block，还有可能是inline、inline-b 阅读全文
摘要：
前言 在有些 css 相互影响作用下，对元素设置的 z-index 并不会按实际大小叠加，一直不明白其中的原理，最近特意查了一下相关资料，做一个小总结。 层叠上下文与层叠顺序 层叠上下文（stacking content）是 html 中的三维概念，也就是元素z轴。层叠顺序（stacking ord 阅读全文
摘要：
概览 在dom里面有几个描述盒子位置信息的值， pading border margin width height client clientWidth 不要border clientHeight 不要border offset offsetTop offsetLeft offsetWidth 要b 阅读全文
摘要：
1.图片向下撑大3像素问题 在一个盒子里面放一张图片，默认情况下，图片会向下撑大3像素，有以下几种解决方法： 1.1给图片添加display:block； 1.2给图片添加float:left； 1.3 给图片添加vertical-align:middle; 1.4 给他的父元素加font-size 阅读全文
摘要：
前言 也许有人会说，都快 2019 年了怎么还读 css2.1 规范。一方面，现在最新的 css （core） 规范是 CSS2.2（以下截图来自 https://www.w3.org/TR/CSS/ ），又因为 CSS2.1 有中文的版本，并且和 CSS2.2 规范差异性不是很大，基于偷懒的目的最 阅读全文
摘要：
引言 问题：css 文件分离 != css 作用域隔离 看下这样的目录结构： ├── src │ ├──...... # 公共组件目录 │ ├── components # 组件 │ │ └──comA # 组件A │ │ ├──comA.js │ │ ├──comA.css │ │ └── ind 阅读全文
摘要：
作为一个前端开发，在浏览别人家的页面时总是会习惯性的查看他们页面的源码，发现大多数网站的页面，包括我自己写的页面中用到的最多的布局元素无外乎就是div、p、span、ul、dl、ol、li、dt、dd、strong、b，不管是什么样的效果都是由这些元素组成，现在都已经是9102年了，html5已经相 阅读全文
摘要：
什么是 DOM ? DOM(文档对象模型)是针对于xml但是扩展用于html的应用程序编程接口，定义了访问和操作html的文档的标准。 W3C文档对象模型是中立于平台和语言之间的接口，它允许程序和脚本动态的访问和更新文档的内容、结构、样式。总之HTML是关于如何获取、修改、添加和删除HTML元素的标 阅读全文
摘要：
瀑布流 又称瀑布流式布局，是比较流行的一种网站页面布局方式。即多行等宽元素排列，后面的元素依次添加到其后，等宽不等高，根据图片原比例缩放直至宽度达到我们的要求，依次按照规则放入指定位置。 为什么使用瀑布流 瀑布流布局在我们现在的前端页面中经常会用的到，它可以有效的降低页面的复杂度，节省很多的空间，对 阅读全文
摘要：
在html标签中定义属性，需要时可以读取属性的值，这类属性称为数据属性 定义数据属性 命名规则是data-<属性名称> 例如 <div id="message" data-text="hello,world" ></div> <button onclick="read()">submit</butt 阅读全文
摘要：
1.伪元素+transform:translateX(-100%); 主要原理是设置文本居中text-align: center;，然后给定两个伪元素，分别绝对定位，那么此时伪元素也是跟随着水平居中的，设置足够的宽度，然后把左边的往左位移100%就可以了，父级记得超出隐藏。 具体实现如下 html结 阅读全文
摘要：
1.概述 Web服务，即通过程序实现网页服务，服务启动后，一般用户可通过访问URL获取到网站提供的网页服务，如网页浏览、留言、商品购买等。开发Web服务的技术有很多，有Java、Python、ASP.NET、脚本语言等，其中常用的脚本语言有ASP、ASPX、jsP、php。下面对这些Web服务开发技 阅读全文
摘要：
html代码： <div> <div>固定宽度</div> <div>自适应区域</div> </div> 1.浮动+margin 第一种： 左侧栏固定宽度向左浮动，右侧主要内容则用margin-left留出左侧栏的宽度，默认宽度为auto，自动填满剩下的宽度。 .left{ float: left 阅读全文
摘要：
创建一个 css 线性渐变 html元素的背景色并不局限于单色。css还提供了颜色过渡，也就是渐变。可以通过background里面的linear-gradient()来实现线性渐变，下面是它的语法： background:linear-gradient(gradient_direction,颜色1 阅读全文
摘要：
在一个页面中，有许多的控件(元素或标签)。为了更方便的操作这些标签，就需要给这些标签标识一个身份牌。在html中有name、id、class等属性区分一个元素，下面我们就来看一下这几种属性的区别。 1. name 指定标签的名称。 1.1 格式 <input type="text" name="us 阅读全文
摘要：
css可以通过一些选择器来实现选择父元素下某个元素的效果。 选择器有： :first-child p:first-child(first第一个 child子元素)(找第一个子元素为p) :last-child p:last-child(last倒数 child子元素)(找倒数第一个子元素为p) :f 阅读全文
摘要：
css权重是由四个数值决定，看一张图比较好解释： 图里是英文的，我翻译过来分别说一下，4个等级的定义如下： 第一等：内联样式，如：，权值为1000.（该方法会造成css难以管理，所以不推荐使用） 第二等：ID选择器，如：#header，权值为0100. 第三等：类、伪类、属性选择器如：.bar， 权 阅读全文
摘要：
我们在写asp页面的时候，常常使用include命令来包含公共文件。由于这个方法用起来非常方便，于是很多人在html页面里尝试使用include，但是发现根本就不起作用。这是因为，include是VBScript的命令，因此可以在asp页面里使用。而html静态页面被调用的时候并不经过asp解释器， 阅读全文
摘要：
这个应该是已经有很多人做过的东西，我应该只是算手痒，想写一下，所以，花了点时间折腾了这个，顺便把 Dark Mode 的处理也加上了。 首先可以很明确的一点，这个真没技术含量存在，只是需要点耐心。 LED 数字包含了左右各两条线，中间三条线，一共 7 条线。所以，为了能够更容易辨识，在写 demo 阅读全文