:before和:after的作用就是在指定的元素内容(而不是元素本身)之前或者之后插入一个包含content属性指定内容的行内元素,最基本的用法如下: 这段代码会在#example元素内容之前插入一个'#',以及在内容之后添加一个'$',插入的行内元素是作为#example的子元素,效果如下: H ...
分类:
Web程序 时间:
2016-11-15 19:40:03
阅读次数:
189
主要内容:jQuery进阶、CSS伪类和伪元素、jQuery插件 tab菜单样式 checkbox全选、反选 位置:scrollTop和offset 事件:两种绑定事件的方式和委托delegate ajax:普通和跨域(江西卫视的例子) 还是那个网址:http://www.php100.com/ma ...
分类:
Web程序 时间:
2016-11-06 22:39:55
阅读次数:
293
CSS 伪类用于向某些选择器添加特殊的效果。 ASCII(American Standard Code for Information Interchange,美国标准信息交换代码)是基于拉丁字母的一套电脑编码系统,主要用于显示现代英语和其他西欧语言。它是现今最通用的单字节编码系统,并等同于国际标准 ...
分类:
Web程序 时间:
2016-11-02 20:45:40
阅读次数:
312
css伪类(pseudo-classes)使用来添加一些选择器的特殊效果 (pseudo/ 'sju:d??/假的,虚伪的;) 语法: selector:pseudo-class{} selector.class:pseudo-class{} anchor伪类(anchor/?æ?k?(r)/锚; ...
分类:
Web程序 时间:
2016-09-27 11:37:25
阅读次数:
175
常见的伪类(pseudo-classes)和伪元素(pseudo-elements) 伪类::hover 鼠标放上去的效果 :actiive 点击之后效果 伪元素 :before :after 清浮动: ...
分类:
Web程序 时间:
2016-09-23 19:46:19
阅读次数:
256
html: 效果如下: 本以为在 `#icons .column .txt` 处加隔条后,想把最后一个竖隔条设为 `border:none;` 没想到如上如所示,全部都不见了。 原来,伪类选择器`:first-child`和`:last-child`是根据父级进行筛选的,`#icons .colum ...
分类:
Web程序 时间:
2016-09-23 13:22:49
阅读次数:
530
首先,阅读 w3c 对两者的定义: CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪元素用于将特殊的效果添加到某些选择器。 可以明确两点,第一两者都与选择器相关,第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。 伪类种类 伪元素种类 区别 这里用伪类 : ...
分类:
Web程序 时间:
2016-09-21 22:56:12
阅读次数:
189
在手机上写三角形的时候,我一般都用伪类,刚开始的时候用的图片,但是在现在的手机高清屏幕上,图片容易失真,还是用伪类吧! 第一种:一个90度的“ > ”, 只有线条。(可以做下拉框的箭头之类的) 例如: .next:after{ content: ""; width: 6px; height: 6px ...
分类:
Web程序 时间:
2016-09-14 12:20:24
阅读次数:
408
CSS伪类选择器:给超链接加的样式(链接的不同状态加样式) 一个超链接,有四个状态: 正常状态(:link):鼠标没放上之前链接的样式。 放上状态(:hover):鼠标放到链接上时的样式。 激活状态(:active):按住鼠标左键不松开的样式,这个状态特殊短暂。 访问过的状态(:visited):按 ...
分类:
Web程序 时间:
2016-09-07 14:39:36
阅读次数:
185
锚点 锚点主要用来定位到某个地方 : <a name=““>标记位置</a> 如果想要点击之后直接定位到相应位置:<a href=“链接后加#name “> </a> 伪类 CSS允许我们对a标签的4种状态设置各自的css特性,叫做css伪类 一般active状态不必写;要按顺序写LVHA; a:l ...
分类:
其他好文 时间:
2016-08-24 06:30:26
阅读次数:
136