一、基本选择器 二、多元素的组合选择器 三、CSS 2.1 属性选择器 四、CSS 2.1中的伪类 五、 CSS 2.1中的伪元素 六、CSS 3的同级元素通用选择器 七、CSS 3 属性选择器 八、CSS 3中与用户界面有关的伪类 九、CSS 3中的结构性伪类 十、CSS 3的反选伪类 十一、cs ...
分类：
Web程序 时间：
2016-09-25 14:33:23
阅读次数：
147
常见的伪类（pseudo-classes）和伪元素（pseudo-elements） 伪类：:hover 鼠标放上去的效果 :actiive 点击之后效果 伪元素 ：before ：after 清浮动： ...
分类：
Web程序 时间：
2016-09-23 19:46:19
阅读次数：
256
首先，阅读 w3c 对两者的定义： CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪元素用于将特殊的效果添加到某些选择器。 可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。 伪类种类 伪元素种类 区别 这里用伪类 : ...
分类：
Web程序 时间：
2016-09-21 22:56:12
阅读次数：
189
文字两侧加横线的需求你遇到过吗？在参与的项目中我遇到过这种需求，总结了一下,目前分为两种: 一，文字所在的背景是纯色，单一颜色； 二，文字所在背景是花色，或者是背景图片 给你一些时间，思考一下： 脑海闪过了什么？定位，浮动，背景图片，伪元素。。。还是大脑一片空白？ 条条大路通罗马，相信给你足够的时间 ...
分类：
其他好文 时间：
2016-09-18 23:44:32
阅读次数：
222
选择器是什么 选择器是CSS样式为了定位页面上的任意元素的一种方法。 选择器主要分为：元素标签选择器、通用选择器、类选择器、ID选择器、属性选择器、组合选择器、伪类选择器、伪元素选择器。 先做个了解，底下的css笔记会详细介绍不同的选择器~ 更多学习内容，就在码芽网http://www.mayaco ...
分类：
Web程序 时间：
2016-09-16 11:33:02
阅读次数：
189
1.:first-line 向元素的首行文本添加样式，不必关心首行是元素节点还是文本节点 由于文本超过div的宽度，换行后，只有第一行有效果 2.:first-letter 向文本的第一个字母添加特殊样式 3. :before 表示在元素的内容之前新插入内容(多媒体或者纯文本) :after 表示在 ...
分类：
Web程序 时间：
2016-09-13 13:07:38
阅读次数：
168
选择器是CSS的核心，从最初的元素、class/id选择器，演进到伪元素、伪类，以及CSS3中提供的更丰富的选择器，定位页面上的任意元素开始变得愈发的简单。 1、元素选择器 这是最基本的CSS选择器，HTML文档中的元素本身就是一个选择器： p {line-height:1.5em; margin- ...
分类：
Web程序 时间：
2016-09-13 10:12:28
阅读次数：
220
有时候我们需要将子标签浮动起来，但是浮动起来后，父标签的样式又用不上，比如:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title></title></head><body><divstyle="background-color:red;"><divsty..
分类：
其他好文 时间：
2016-09-12 07:24:10
阅读次数：
114
伪类选择器，和一般的DOM中的元素样式不一样，它并不改变任何DOM内容。只是插入了一些修饰类的元素，这些元素对于用户来说是可见的，但是对于DOM来说不可见。伪类的效果可以通过添加一个实际的类来达到。 在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效 ...
分类：
Web程序 时间：
2016-09-12 00:45:42
阅读次数：
317
before和after这两个伪类元素分别表示元素内容的【前】【后】，利用这两个伪元素可以在元素内容的前后添加内容，其实这没有什么前后的概念，如果应用了absolute的特性之后，你可以把这些伪元素放在任何位置，有了这两个伪元素，就代表每个元素都有两个助手可供使用，灵活运用它们的话将会得到很多有趣的 ...
分类：
其他好文 时间：
2016-09-11 20:18:27
阅读次数：
107
