今天完成的事情：（1，伪元素：before,:after的使用。2.table的使用（collapse的使用）3rgba的高级运用） 今天我主要完成test8-3的页面。 header和footer都是前两个页面用到的。直接搬过来就好。 一。实现nav导航。我自己尝试使用伪元素：before,:af ...
分类：
Web程序 时间：
2017-07-21 22:11:07
阅读次数：
215
分针网每日分享：CSS2-3常见的demo列子总结二 1. 学习使用 :before和 :after伪元素 伪元素 顾名思义 就是创建了一个虚假元素，并插入到目标元素之前或者之后。这两个伪类下特有的属性content，用于在css渲染中头部和尾部添加内容，伪元素必须与content结合来使用，否则毫 ...
分类：
Web程序 时间：
2017-07-18 13:24:18
阅读次数：
189
很多时候子元素浮动的，会造成父元素塌陷 解决方法 1.添加一个空元素，并设置成清除浮动，即： <div style="clear:both;"></div> 优点：通俗易懂，易于掌握 缺点：添加了无意义标签，不易于后期维护，违背了结构和表现的标准 2.给父元素添加 overflow：auto; 3. ...
分类：
其他好文 时间：
2017-07-16 19:19:07
阅读次数：
2597
知道。css的content属性专门应用在 before/after 伪元素上，用来插入生成内容。最常见的应用是利用伪类清除浮动。 after伪元素通过 content 在元素的后面生成了内容为一个点的块级素，再利用clear:both清除浮动。 那么问题继续还有，知道css计数器（序列数字字符自动 ...
分类：
Web程序 时间：
2017-07-15 15:52:37
阅读次数：
211
所谓的伪元素选择器，是针对于CSS中已经定义好的伪元素使用的选择器。CSS中常用的伪元素选择器有：before伪元素选择器和：after伪元素选择器， 1. ：before 用法： <元素>:before { content : 文字 / url (); } 上述的语法中，被选元素位于“ ：befo ...
分类：
其他好文 时间：
2017-07-13 20:35:32
阅读次数：
161
如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0， 下面的元素会自动补位，所以这个时候要进行浮动的清除。 关于清除浮动的方式: 方式一:使用overflow属性来清除浮动 .ovh{ overflow:hidden; } ...
分类：
其他好文 时间：
2017-07-13 20:29:35
阅读次数：
406
首先，关于伪元素的语法： 有的时候单冒号也能用，但最好写双冒号。 伪类：匹配的是元素(不同状态或结构的)。 伪元素：匹配的是元素中的一部分内容(首字符，首行文本)。 ::first-letter 匹配 某元素的 首字符。 例： 结果： ::first-line 匹配 某元素的 首行文本。 ::sel ...
分类：
Web程序 时间：
2017-07-12 01:03:58
阅读次数：
358
先说一种我们写CSS时候常见的现象，::before和:after中双冒号和单冒号会在写CSS中经常看到。为什么会有单冒号跟双冒号两种写法呢？ 其实主要是为了区分伪类和伪元素 伪类：伪类用于向某些选择器添加特殊的效果 伪元素：伪元素用于将特殊的效果添加到某些选择器 是不是感觉特别懵逼？这两种有什么区 ...
分类：
Web程序 时间：
2017-07-11 13:25:08
阅读次数：
162
原文出处： Thoriq Firdaus 译文出处：听海阁（@听海JamiE） 层叠样式表（CSS）的主要目的是给HTML元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。 你一定听说过这个词，尤 ...
分类：
其他好文 时间：
2017-07-08 22:21:29
阅读次数：
334
一：基本用法 ::before和::after这两个伪类下有特有的属性content，用于在CSS渲染中向元素逻辑上的头部或尾部添加内容。这些内容不会改变文档的内容，不会出现在DOM中，不可复制，仅仅是在CSS渲染层加入。 1：[String] 使用引号包括一段字符串，将会向元素内容中添加字符串，如 ...
分类：
其他好文 时间：
2017-07-08 20:20:34
阅读次数：
128
