shadow_zed的博客

一、介绍css3为了区分伪类和伪元素，伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:target,:not(),:focus。常见伪元素——::first-letter,::first-line,::before,::after,::selection。::before和::after下特有的content，用于在css渲染中向元素逻辑上的头部或尾部添加内容。这些添加不会出现在DOM中，不会改变文档内容，不可复制，仅仅是在css渲染层加入。所以不要用:

Data URL给了我们一种很巧妙的将图片“嵌入”到HTML中的方法。跟传统的用img标记将服务器上的图片引用到页面中的方式不一样，在Data URL协议中，图片被转换成base64编码的字符串形式，并存储在URL中，冠以mime-type。本文中，我将介绍如何巧妙的使用Data URL优化网站加载速度和执行效率。1. Data URL基本原理图片在网页中的使用方法通常是下面这种利用img标记的形式：　　<imgsrc="images/myimg.gif">　　这种方式...

原文:https://blog.csdn.net/lhjuejiang/article/details/80572593该选择器，虽然之前用的也不少，但感觉理解的不是特别好，使用的时候效率太低，所以今天就总结一下，嗯:nth-of-type() CSS 伪类匹配同类型中的第n个同级兄弟元素。先来看个简单的例子理解一下上面的意思：HTML代码如下<div id="w...

原文链接：https://www.jianshu.com/p/6fe06667b7481：背景最近在做一个图片内容识别的项目，采用的是阿里巴巴的付费接口。大致流程为：1：用户上传图片2：将图片转为base64的格式发送给阿里的接口3：阿里接口返回图片的内容信息2：遇到的问题这里边第二步转base64 ，我采用html5的canvas,将图片绘制到画布上，然后用canva...

原文:http://www.ruanyifeng.com/blog/2018/07/white-space.html一、空格规则HTML 代码的空格通常会被浏览器忽略。&lt;p&gt;◡◡hello◡◡world◡◡&lt;/p&gt;上面是一行 HTML 代码，文字的前部、内部和后部各有两个空格。为了便于识别，这里使用半圆形符号◡表示空格。浏览器的输出结果如下...

一、BFC是什么？　　在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。　　Box: CSS布局的基本单位　　Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的类型。 不同类型的 Box， 会参与不同的 Formatting Co

前面的话　　visibility属性常见于与display属性的比较中。但实际上，该属性有自己的一些有趣的用途。本文就visibility属性做详细整理和说明 定义visibility　　值: visible | hidden | collapse | inherit　　初始值: visible　　应用于: 所有元素　　继承性: 有

文件夹主要建立以下文件夹：　　1、Images 存放一些网站常用的图片；　　2、Css 存放一些CSS文件；　　3、Flash 存放一些Flash文件；　　4、PSD 存放一些PSD源文件；　　5、Temp 存放所有临时图片和其它文件；　　6、copyright 版权信息（可选）　　8、readme 说明文件　　css统一命名　　注：本CSS命名规则只适合物ta

1 继承CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。p{color:red;}三年级时，我还是一个胆小如鼠的小女孩。可见右侧结果窗口中p中的文本与s

一、无继承性的属性1、display：规定元素应该生成的框的类型2、文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向3、盒子模型的属性：width、height、mar