深入理解CSS伪类
前面的话 伪类经常与伪元素混淆，伪元素的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。本文将详细介绍伪类的详细知识 锚点 关于锚点< ...
原文：深入理解伪元素
定义 伪元素顾名思义伪装成元素，但不是元素，这与生成内容相关。生成内容主要指由浏览器创建的内容，而不是由标志或内容来表示。生成内容主要由:before和:after伪元素来实现，当然伪元素还包括:first line,:first letter和::selection 用法 :first letter 指定一个元素第一个字母的样式 注意 所有前导标点符号应与第一个字母一同应用该样式 注意 只能与块 ...
2015-12-05 15:42 6 2773 推荐指数：
相关推荐
深入理解脚本化CSS系列第六篇——脚本化伪元素的6种方法
前面的话 我们可以通过计算样式来读取伪元素的样式信息，但是却无法使用javascript来直接操作伪元素，本文以一个需求解决为例，详细介绍脚本化伪元素的6种方法 需求说明 【1】为id=box的div元素添加content="前缀"的:before伪元素 【2】为已经添加 ...
深入理解元素视图的3个方法
前面的话 前面介绍了offset偏移、client客户区和scroll滚动，这三部分主要从属性的角度来对元素尺寸信息进行获取和修改。本文主要介绍元素视图的三个方法，包括getBoundingClientRect()、getClientRects()和elementFromPoint ...
CSS/块级元素与内联元素的深入理解
今天终于对html中的块级元素和行内元素有了一个较为理性的认识。首先w3c对于block和inline的解释为： 一、block的研究 通过w3c的解释，也就是说block（块级）元素是独占一行显示的。它的兄弟元素必定不会与其在同一行中（除非脱离了文档流）。下面来说说block元素默认 ...
深入理解子元素的width与父元素的width关系
深入理解父元素与子元素的width关系 对于这一部分内容，如果理解准确，可以更容易控制布局，节省不必要的代码，这里将简单研究。 第一部分：父子元素都是内联元素 代码演示如下： 这时，我们在审查元素时可以发现，span和a的width（和height）的宽度 ...
深入理解CSS元素可见性visibility
初始值: visible 应用于: 所有元素 继承性: 有 属性 vis ...
深入理解javascript描述元素内容的5个属性
前面的话 上面这行代码中，<p>元素的内容是什么呢？答案一：内容是HTML字符串"This is a <i>simple</i> document"；答案二：内容是纯文本字符串"This is a simple document"；答案 ...
深入理解this对象
最近一直在看js关于面向对象编程方面的东西，那么this肯定是需要一个被吃透 理解 同时灵活运用的对象 现在总结一下自己的学习成果： 我们可以用一句很形象的话来理解什么是this关键字？ "this关键字引用的是 包含它的那个函数 作为某个对象的方法 被调用时所属的那个对象 ...