/* 清理浮动 */ .clearfix:after{ content: " "; display:
block; height: 0; visibility: hidden; clear: both; font-size: 0;}.clearfix{ ...
分类:
其他好文 时间:
2014-05-28 15:10:33
阅读次数:
226
CSS的目标,或者说是革命纲领就是:“将样式与内容分离”,这个目标能否实现,很大程度上依赖于CSS访问内容的能力。在CSS3中,这个任务得到了有力支持,强大的结构伪类Structural
pseudo-classes出现了。提供了非常丰富的查询方式,让CSS选择器变得如此和蔼可亲了。让我们来快速概览...
分类:
Web程序 时间:
2014-05-26 22:29:42
阅读次数:
338
前几天同事问我css中单冒号和双冒号是什么意思,我也模糊得很,只有个笼统的概念就是:伪元素和伪类。一直以为,页面布局中很少使用到伪类,结果细细研究发现我们经常使用的hover就是一个最简单的伪类,顿时觉得自己太OUT了,紧跟着这两天都在看这些东西,其实伪类最简单的理解就是用于向某些选择器添加特殊的效...
分类:
其他好文 时间:
2014-05-26 22:25:40
阅读次数:
381
今天我们开始学习超链接伪类,包含以下内容和知识点:链接的四种样式 将链接转换为块状
用css制作按钮 首字下沉
一、超链接的四种样式超链接可以说是网页发展史上一个伟大的发明,它使得许多页面相互链接从而构成一个网站。说到超链接,它涉及到一个新的概念:伪类,我们先看下超链接的四种样式:a:link
{c...
分类:
Web程序 时间:
2014-05-25 19:41:36
阅读次数:
265
今天我们开始学习html列表,包含以下内容和知识点:ul无序和ol有序列表
改变项目符号样式或用图片定义项目符号 横向图文列表 浮动后父容器高度自适应 IE6的双倍边距bug
一、ul无序和ol有序列表无序列表是web标准布局中最常用的样式,代码如下:第五天 超链接伪类第四天 纵向导航菜单第三天 二...
分类:
Web程序 时间:
2014-05-25 03:39:13
阅读次数:
322
#a1 / 本页#a1a name="a1"a:link 未访问的a:visited
访问过的a:hover 鼠标经过的a:active 访问瞬间的visited 是访问他链接的页面 比如# herf="#"
访问过的都会变,不管有几个active 不设置顺序是lvhaa:link 简写成 a
分类:
Web程序 时间:
2014-05-19 11:24:59
阅读次数:
315
1、背景图合并和CSS Spirit
2、PS基本快捷键
3、hack技术基本书写,为什么不用?
4、内核前缀
5、伪类afterbefore
1、背景图合并和CSS Spirit
背景图合并在使用时有两种方法:
①一种就是你会PS,可以自己PS实现背景图合并成一张图片,再用background-position实现背景图的定位。
②如果你不会PS,那可...
分类:
其他好文 时间:
2014-05-15 06:00:07
阅读次数:
579
一、基本选择器
1)ID选择器
2)标签选择器
3 ) 类选择器
4 ) 通配符选择器
二、层级选择器
1 ) 包含选择器
2 ) 子选择器
3 ) 相邻选择器
4 ) 兄弟选择器
三、简单的伪类选择器
1 ) 特定位置选择器
2 ) 指定范围选择器
3 ) 排除选择器
四、与内容相关的伪类选择器
1 ) 匹配包含文本选择器
2) 匹配包含元素选择器
3 ) 匹配包含判断选择器
4 ) 解析内容过滤实现原理
五、与元素显示状态相关的伪类选择器...
分类:
Web程序 时间:
2014-05-14 14:38:14
阅读次数:
359
切页面时有时用链接A来替代按钮,这样做有几个好处鼠标放上时默认有手状效果(不用添加cursor:pointer)可以添加低版本IE都支持的伪类如果点击时页面要整体刷新,即跳转,这时IE6则不尽人意,如下SinaSohuIE6中点击链接无法跳转,其它浏览器都可以。解决方法是改成锚点,SinaSohu如...
分类:
编程语言 时间:
2014-05-09 18:46:48
阅读次数:
356