码迷,mamicode.com
首页 >  
搜索关键字:伪元素    ( 805个结果
css3实现悬停波浪效果
<a href="" class="a1">商家入口</a> .a1{ background-color: orange; display: inline-block; width: 100px; height: 35px; text-align: center; text-decoration: ...
分类:Web程序   时间:2018-09-09 14:44:36    阅读次数:279
Css权重解析
Css权重解析 关于CSS权重,我们需要一套计算公式来去计算,这个就是 CSS Specificity,我们称为CSS 特性或称非凡性,它是一个衡量CSS值优先级的一个标准 具体规范入如下: specificity用一个四位的数 字串(CSS2是三位)来表示,更像四个级别,值从左到右,左面的最大,一 ...
分类:Web程序   时间:2018-09-06 22:52:29    阅读次数:181
为何要清除浮动?如何清除?
原因: 元素设置了float属性后,就会脱离文档流,当 包含框 的高度小于 浮动框 的时候,会出现高度塌陷。因此才需要清除浮动! 表现如图:包括框container已经包不住float的图片了! 清除浮动方法: 1:给 包含框 添加 after伪元素清除浮动。代码: 2:使用BFC, 原理:让浮动块 ...
分类:其他好文   时间:2018-09-05 17:52:55    阅读次数:185
css补充
1. 伪类和伪元素 1. 伪类 1. :link 2. :visited 3. :hover (重要) 4. :active 5. :focus(input标签获取光标焦点) 2. 伪元素 1. :first-letter 2. :before(重要 在内部前面添加) 3. :after(重要 在内 ...
分类:Web程序   时间:2018-09-03 17:19:23    阅读次数:208
css优先级计算规则
选择器的特殊性值表述为4个部分,用0,0,0,0表示。 ID选择器的特殊性值,加0,1,0,0。 类选择器、属性选择器或伪类,加0,0,1,0。 元素和伪元素,加0,0,0,1。 通配选择器*对特殊性没有贡献,即0,0,0,0。 最后比较特殊的一个标志!important(权重),它没有特殊性值,但 ...
分类:Web程序   时间:2018-09-03 13:43:23    阅读次数:220
一些CSS新增的知识
1、CSS引用文件字体 准备工作:将字体文件解压放于fonts文件夹中,字体文件通常有eot、svg、ttf、woff四种格式 CSS声明字体引用: CSS设置字体为文件字体: 假如使用的是字体图标,字体图标会有自己的编码,如果把字体图标放在伪元素中,则代码如下: 2、CSS选择器巧用 2.1、使用 ...
分类:Web程序   时间:2018-09-01 23:54:59    阅读次数:274
关于pyquery小知识点
#表示的是取html中的id元素, . 表示的是取html中的class元素。 如果是标签,就直接用标签名 而它们之间的空格,则表示嵌套关系 单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。 ...
分类:其他好文   时间:2018-08-23 15:40:37    阅读次数:109
css选择器的优先级
选择器的优先级表述为4个部分,用0,0,0,0表示。 !important 行间--1,0,0,0 ID选择器--0,1,0,0 类选择器(例如,.example)、属性选择器(例如, [type="radio"])或伪类(例如, :hover)--0,0,1,0 元素(例如, h1)和伪元素(例如 ...
分类:Web程序   时间:2018-08-22 13:18:06    阅读次数:174
css 清除浮动
清除浮动的方法 其实本质叫做闭合浮动更好一些, 记住,清除浮动就是把浮动的盒子圈到里面,让父盒子闭合出口和入口不让他们出来影响其他元素。 在CSS中,clear属性用于清除浮动,其基本语法格式如下: | 属性值 | 描述 | | | | | left | 不允许左侧有浮动元素(清除左侧浮动的影响) ...
分类:Web程序   时间:2018-08-19 15:42:57    阅读次数:201
css3之图形绘制
由于近期的项目中出现了不规则的边框和图形, 所以重新温习一下CSS3的图形绘制。。。样式绘制的图形比图片的性能要好,体验更佳,关键一点是更加有趣! 以下几个例子主要是运用了css3中border、bordr-radius、transform、伪元素等属性来完成的,我们先了解下它们的基本原理。 bor ...
分类:Web程序   时间:2018-08-18 19:42:53    阅读次数:195
805条   上一页 1 ... 22 23 24 25 26 ... 81 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!