Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,支持多款编辑器或者集成IDE的无缝插件,支持的编辑器或者IDE有,如下图:
当然,Emmet还支持很多在线编辑以及第三方软件的集成,如图:
足以可见它的强大了,下面是Emmet常用的使用方法.大家可...
分类:
其他好文 时间:
2014-05-18 06:15:21
阅读次数:
473
CSS的命名空间是大小写敏感的;选择器在HTML不区分大小写,在XML中大小写敏感。1.
元素选择器它是最常见也是最基本的 CSS 选择器,文档的元素就是最基本的选择器。html {color:black;}h1 {color:blue;}h2
{color:silver;}在 W3C 标准中,元素...
分类:
Web程序 时间:
2014-05-18 00:28:41
阅读次数:
417
最近写代码时发现,有时候写出的样式不会被引用。看了一些其他人写的网站源码后,我发现了这样写可以解决问题,如下:比如说确定class=“fgg“时,写成:.abc.efg.fgg{/*
代码*/}会比直接写.fgg{/* 代码*/}更可靠。有朋友说,这是优先级的问题,也可以在需要用的样式后面加上 “!...
分类:
Web程序 时间:
2014-05-16 22:40:22
阅读次数:
396
作为一个Web开发者,掌握必要的前台技术也是很重要的,特别是在遇到一些实际问题的时候。这里给大家列举一个例子:给一个p标签增加一个类(class),可是执行后该class中的有些属性并没有起作用。通过Firebug查看,发现没有起作用的属性被覆盖了。这个时候突然意识到了CSS选择器的优先级问题,这里...
分类:
Web程序 时间:
2014-05-15 01:51:52
阅读次数:
380
主要内容: 1.CSS选择器、优先级与匹配原理
2.CSS引入的方式有哪些?link和@import的区别是? 3.CSS hack 4.如何书高效CSS一、CSS选择器、优先级与匹配原理
CSS选择器大概可以分为:1.id选择器(#myid) 2.类选择器(.myclassname) 3.标签选....
分类:
Web程序 时间:
2014-05-14 11:55:52
阅读次数:
437
从蛋学习 CSS 选择器 + 做一个 Jumony 桌面工具,真费劲,目前Jumony
Tool两大问题无法解决,完美的显示 html 文档和根据结果在文档中定位,有点儿跑题了……1. 选择“class=A 并且
id=B”的元素:.A#B,中间不带空格2. 选择“既包括 rel 属性又包括 ty....
分类:
Web程序 时间:
2014-05-08 19:46:20
阅读次数:
363
div > span 和 div span 的区别 ,即有箭头和没箭头的区别div >
spanspan 是 div 的下一层级关系在这种情况下找得到span元素: 但这种情况找不到 而 元素之间没有箭头的 div span 在这两种情况下...
分类:
Web程序 时间:
2014-05-07 11:15:33
阅读次数:
1194
jQuery 元素选择器jQuery 使用 CSS 选择器来选取 HTML 元素。$("p") 选取
元素。$("p.intro") 选取所有 class="intro" 的 元素。$("p#demo") 选取所有 id="demo" 的 元素。jQuery
属性选择器jQuery 使用 XP...
分类:
Web程序 时间:
2014-05-01 00:31:30
阅读次数:
367
1. $('node+next') == $('node').next()
2. $('node~siblings') == $('node').nextAll();
3. :gt(index)大于index序号的的元素,从0开始
4. :lt(index)小于index序号的元素,从0开始
4. :header 获取所有h1,h2,h3,h4...的元素...
分类:
Web程序 时间:
2014-04-29 13:45:20
阅读次数:
322