在前面的文章中,我们在介绍了《五种你必须彻底了解的CSS选择器》,现在向大家介绍,还需要学习的另外十二种CSS选择器。如果你还没有用过,就好好学习一下,如果你已经熟知了就当是温习。一、X:linkX:visitedX:hoverX:active伪类a:link{color:red;}a:visted...
分类:
Web程序 时间:
2015-06-26 17:48:08
阅读次数:
137
2014年1月,我写了一篇文章:The Current Generation of CSS3 Selectors,这篇文章的目的是介绍一些CSS3中新增的选择器。文中的选择器已经有了很多文档,并且也被大多数浏览器支持(包括IE9+)。由于Selectors Level 4 specification 目前已是工作草案状态,并且Editor’s Draft of the same spec也在进行中(...
分类:
Web程序 时间:
2015-06-25 21:15:25
阅读次数:
279
Eclipse离线安装Emmet插件
最近发现了一个写前端代码非常好的一个东西,一个叫做Emmet的工具,这个工具使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,前身就是大名鼎鼎的Zen
coding。先来看张图:
是不是很带劲呢,如果能达到图中的效果,对我们开发前端的代码的速度将会有大幅度的提升。这里只分享如何在Eclipse中离线安装emmet...
分类:
系统相关 时间:
2015-06-23 11:54:54
阅读次数:
243
在这里主要总结了三个较为常用的选择器,熟练掌握这些选择器的使用,能够灵活地处理网页,作为初学者更要
理清他们的关系。
一、选择器类型
ID选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
类选择器
类选择器允许以一种独立于文档元素的方式来指定样式。
该选择器可以单独使用,也可以与其他元素结合使用。
当地标记文档后,才能...
分类:
Web程序 时间:
2015-06-21 23:49:32
阅读次数:
166
CSS Id 和 Class如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。id#para1{text-align:center;color:red;} class把#换成.CSS 分组 和 嵌套 选择器分组h1,h2,p{color:green;}嵌套...
分类:
Web程序 时间:
2015-06-18 18:47:50
阅读次数:
157
1.CSS格式: 1)行内式:直接在标签中写属性(最常用) 2)内嵌式: hl{ color:blue; } 3)导入式:导入外部的css文件 @import"css文件的存放路径(xxx.css)"; 4)链接式:引入外部(最常用) ,最多引用31个css 2.CSS选择器: 1)标记...
分类:
Web程序 时间:
2015-06-16 20:44:08
阅读次数:
168
看完你能学到什么?1、利用基本CSS选择器
2、利用子选择器、容器选择器和特性选择器
3、通过位置选择
4、利用自定义jQuery选择器几乎使用任何jQuery方法的时候,我们必须做的第一件事,就是选择将被操作的页面元素。有时,想要选择的元素集合是易于描述的,例如“页面上的所有链接元素”。有时,需要比较复杂的描述,比如“拥有CSS类leftchild的偶数的段落 ”。
庆幸的是,jQuer...
分类:
Web程序 时间:
2015-06-15 22:15:35
阅读次数:
187
css笔记1.选择器(selecter)共9种 a.类型选择器 p{},body{} b.后代选择器 p h1{} c.ID选择 #idname{} d.类选择 .classname{} e.通用选择 *{} 页面上所有元素应用样式,利用此可以删除每个元素上默认 浏览器的填充和空白边。可以用来对特....
分类:
Web程序 时间:
2015-06-14 12:14:44
阅读次数:
113
1、元素选择器 html文档的元素就是选择器2、类选择器 类选择器允许以一种独立于文档元素的方式来指定样式 语法为:.className{} 所有能够附带class属性的元素都可以使用此样式声明 将元素的class属性的值设置为样式类名 可以将类选择器和元素选择器结合起来使用,以...
分类:
Web程序 时间:
2015-06-13 12:42:41
阅读次数:
161
原文地址:http://www.iteye.com/news/27580Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示: Zen coding下的编码...
分类:
Web程序 时间:
2015-06-12 18:57:25
阅读次数:
195