1.css层叠样式表 1.什么是CSS? 2.css的优势 2.css的引入方式 3.基本选择器 4、高级选择器 5.属性选择器 ^ 以...开头， $ 以...结尾, * 包含..., ~ 有多个值中的其中一个 6、伪类选择器 a标签的 lover hate 7、伪元素选择器 8、字体样式，文本属 ...
分类：
Web程序 时间：
2018-06-23 22:52:36
阅读次数：
242
当div中只有背景图片的时候，不足以撑起它的高度，所以设了也没用 所以，我们要设随div大小而改变的div时 应该 利用：：after或：：before 伪元素，为背景添加一个content为null的元素 如 ...
分类：
Web程序 时间：
2018-06-23 22:37:08
阅读次数：
205
CSS的选择器按大类分为基础选择器、层次选择器、伪类选择器、伪元素选择器；下面对前三个选择器进行说明 1.基础选择器分为：元素选择器、类选择器、ID选择器及通配符选择器 元素选择器：可选中批量相同标签 代码格式：元素内容{声明块} 类选择器：同一页面的相同标签应用不同样式 代码格式：.类名{声明块} ...
分类：
Web程序 时间：
2018-06-23 18:52:49
阅读次数：
164
作为一个CSS3初学不久者来说，很容易混淆单冒号（:）和双冒号（::）的用法，以为两者可以互换着来使用。我自己之前也混淆过他们，因为两者看起来太相像了，就像孪生兄弟。但实际上，他们的区别还是挺大的，最多算得上近房亲戚。 下面我们来开始讲讲单冒号（:）伪类和双冒号（::）伪元素有什么相同和不同点（另外 ...
分类：
Web程序 时间：
2018-06-23 15:45:30
阅读次数：
165
目录 类型选择器 类选择器 ID选择器 伪类 伪元素 目录 类型选择器 通过类型选择器可以选择某一类型的html标签，并对其使用样式。 语法： selector {property1: value; property2:value; ...} 示例： <html> <head> <style typ ...
分类：
Web程序 时间：
2018-06-16 13:37:23
阅读次数：
250
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 伪元素由双冒号和伪元素名称组成。双冒号是在css3规范中引入的，用于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，比如:first-line、:first-letter、:before、:after 1、伪类与伪 ...
分类：
Web程序 时间：
2018-06-14 15:06:27
阅读次数：
225
float的设计初衷： 仅仅是为了实现文字环绕效果 float的感性认知： 1. 包裹性： 1. 收缩：元素应用了float后，宽度收缩，紧紧地包裹住内容（即元素的宽度收缩到元素内的内容的宽度大小 2. 坚挺：原来没有高度，但元素应用了float后，元素的高度突然扩展到内容的高度大小 3. 隔绝：元 ...
分类：
其他好文 时间：
2018-06-10 15:15:16
阅读次数：
160
选择器的特殊性 选择器的特殊性由选择器本身的组件确定，特殊性值表述为4个部分，如0,0,0,0,0 一个选择器的具体特殊性如下确定 1、对于选择器给定的ID属性值，加0,1,0,0 2、对于选择器中给定的各个类属性，属性选择，或伪类，加0,0,1,0 3、对于选择器中给定的各个元素和伪元素，加0,0 ...
分类：
Web程序 时间：
2018-06-06 15:50:19
阅读次数：
163
在CSS中使用before与after伪元素选择器在页面元素的前面或后面插入内容，而插入的内容是用content属性来定义的。确切的说这两个伪元素只在css 2.0中添加的，但是直到css3都在不断的改良和扩展。 插入文本内容 1、使用选择器来插入内容的方法，div:before{content:' ...
分类：
其他好文 时间：
2018-06-03 21:30:21
阅读次数：
150
当给几个大小一样有boder的盒子浮动时，会出现margin自动加起来的结果。 此时可以给每个盒子一个margin-left:-border的长来实现很好的效果，这样右边的盒子会把左边盒子的右边border压住，如图所示。 还可以使用伪元素实现动态效果，代码如下。 ...
分类：
其他好文 时间：
2018-05-31 22:07:39
阅读次数：
221
