代码来自http://dabblet.com/gist/70c434a6e802b062f494 主要涉及css中伪元素的应用，主要有nth child()和before、after等伪元素，重点为兄弟元素的巧妙应用。 效果： 对比自己写的，高下立知。 ...
分类：
Web程序 时间：
2018-07-13 00:00:08
阅读次数：
221
一个div同时设置background-color和background-image的话，color是处于img层下方的，无法实现遮罩效果，所以需要再创建一个div作为其子div,然后设置子div的背景颜色，介绍两种方法： 第一种，代码如下： 第二种，通过after伪元素设置，代码如下： 借鉴文章出 ...
分类：
Web程序 时间：
2018-07-12 16:19:43
阅读次数：
191
链接地址: 伪元素表单控件默认样式重置与自定义大全 http://www.zhangxinxu.com/wordpress/?p=3381 Chrome 现在不支持通过伪元素修改 meter 元素样式了 https://trac.webkit.org/browser/trunk/Source/Web ...
分类：
其他好文 时间：
2018-07-08 19:02:43
阅读次数：
134
一、CSS介绍和语法 二、CSS引入方式 三、基本选择器 四、高级选择器 五、伪类选择器 六、伪元素选择器 1?? CSS介绍和语法 1、 CSS的介绍 （1）为什么需要CSS？ （2）代码注释 方法：/*代码注释写在这里*/ 2?? CSS引入方式 网页中引入CSS样式有三种： （1）内嵌方式 s ...
分类：
Web程序 时间：
2018-07-08 10:44:21
阅读次数：
235
1 什么是伪元素？CSS 在渲染文档的时候，伪元素可以通过 css 给 HTML 添加一个元素（叫标签也行），这个元素在文档树中是找不到的。伪元素被当做 CSS 的样式来进行展现，用法和普通的元素用法是一样的。1.1 常用的伪元素和伪类伪元素和伪类的写法有点像，伪元素使用2个冒号，常见的有：::be... ...
分类：
其他好文 时间：
2018-07-07 17:53:09
阅读次数：
159
细线边框的具体实现方法有：伪元素缩放或渐变，box-shadow模拟，svg画线，border-image裁剪等。要实现小于1px的线条，有个先决条件：屏幕的分辨率要足够高，设备像素比要大于1，即css中的1个像素对应物理屏幕中1个以上的像素点。 对于普通电脑，屏幕物理像素和css像素一一对应，显示 ...
分类：
Web程序 时间：
2018-07-05 21:27:52
阅读次数：
206
伪元素 介绍常用的伪元素。 first-letter 用于为文本的首字母设置特殊样式。 例如： p:first-letter { font-size: 48px; } before 用于在元素的内容前面插入新内容。 例如： p:before { content: "*"; color: red; } ...
分类：
其他好文 时间：
2018-06-30 11:05:56
阅读次数：
155
css的引入方式 1.行内式:行内式是在标记的style属性中设定CSS样式 2.嵌入式 3.链接式（推荐用这种方法): 将一个.css文件引入到HTML文件中 css选择器 基本选择器 组合选择器 分组和嵌套 属性选择器 伪类选择器 伪元素选择器 css继承和选择器的优先级 css属性相关 字体属 ...
分类：
Web程序 时间：
2018-06-25 20:21:16
阅读次数：
213
CSS选择器 基础选择器 层次选择器 伪类选择器 结构伪类选择器 伪元素选择器 ...
分类：
Web程序 时间：
2018-06-25 01:18:03
阅读次数：
781
利用html5和css3开发出炫酷的网页，那么对于一个web前端开发者，css3也是必须要掌握的，下面和大家讨论一下css3中伪类选择器和伪元素。 类选择器 在css中可以使用类选择器把相同的元素定义成不同的样式。比如：p.left{text-align: left}p.rigth{text-ali ...
分类：
Web程序 时间：
2018-06-24 19:33:08
阅读次数：
173
