首页> 前端开发

CSS简写

分类:前端开发2012-08-21阅读:(1495)标签:css
高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小,更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。色彩缩写色彩的缩写最简单,在色彩值用16进制的时候,如果每种颜色的值相同,就可以写成一个:color:#113366 可以简写为color:#136 所有用到16进制色彩值的地方都可以使用简写,比如background-c...

用$简写javascript的document.getElementById

分类:前端开发2012-08-20阅读:(1429)标签:javascript
我们通常在写javascript的时候,获取ID是用document.getElementById(id),当需要获取更多的id的时候,我们就得写更多的getElementById,这样,代码量就增加了。感觉就很累赘了,需要减肥,需要简写代码。用$简写javascript的document.getElementById(id)的方法如下: var $=function(id){ retur...

CSS定义字间距、字体行距

分类:前端开发2012-08-14阅读:(1456)标签:css
<p>CSS定义字体行间距比较简单,也比较常见,用line-height,例如:line-height:20px;</p><p>CSS定义字体间距用得比较少,在一些特殊情况下需要用到。</p><p>下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表:</p> 属性 属性含义 属性值 Word-sp...

IE9下line-height失效解决方法

分类:前端开发2012-05-24阅读:(1308)标签:css
line-height我们除了用来设置行高外,还经常用来设置单行的文字垂直居中,但有的IE9下,可能你会发现,line-height居然失效了!追其原因,有的版本IE9下不支持英文字体的line-height,我们通常用的字体是:Arial, Helvetica, sans-serif;解决办法就是给字体设置成中文的宋体或者Microsoft YaHei;就行了。

CSS hack for IE9

分类:前端开发2012-05-13阅读:(1350)标签:css
最近开始使用IE9,因此关于IE9的一些CSS hack也必须了解一下。.hack{ background-color:#FFF; background-color:#FFF\9\0; \* ie9 *\ background-color:#FFF\0; \* ie8+ie9 *\ *background-color:#FFF; \* ie6+ie7 *\ +background-col...

如何在网页中嵌入百度地图

分类:前端开发2012-05-04阅读:(1634)标签:javascript, html
<p>百度公司像google,sogou一样,拥有一套属于自己独立的地图系统,该系统可以通过一个统一的接口“baidu map API”,将地图内置于任何一个页面中。“baidu map API”的使用和设置分为3个步骤:申请baidu map API key文件、在页面中放入代码、设置自己需要的参数。其过程如下:</p><p>1、在“http://ope...

CSS透明兼容设置

分类:前端开发2012-04-27阅读:(1321)标签:css
单一的写CSS透明度,往往会出现浏览器不兼容,这个浏览器透明了,另一个浏览器不透明,通常,我们就要写多种透明来达到浏览器兼容的效果。.transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;} UPDATE: I wanted to pull this pos...

图片标签alt属性和title属性的作用

分类:前端开发2012-04-01阅读:(1315)标签:html
<p>图片用alt属性还是用title属性,是很多做网站和SEO的人比较纠结的问题。</p><p>alt属性是对图片起到一个注释的作用,现在搜索引擎对图片的读取功能有限,当我们要告诉搜索引擎这个图片是什么的时候就会用到alt属性,同时对于seo也是很有好处的,可以适当的增加某个关键词密度(切忌关键词堆砌)。其实当你用到一些站长工具的时候,会提示你首页有多少...

网站链接中nofollow标签的使用和意义

分类:前端开发2012-04-01阅读:(1265)标签:html
<p>1、NoFollow是什么?</p><p>NoFollow是Google在2005年1月提出的一个避免Spam的标准,很快被世界各大搜索引擎采用。如今,为了避免Spam从其它网站的用户留言中获取不当利益,国内外主流Blog效劳商(如WordPress和MovableType)和建站软件,也都对用户留言的链接自动添加了NoFollow属性,因而这些链接...

IE6下PNG背景透明的七种方法

分类:前端开发2012-03-14阅读:(1167)标签:css
PNG是20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。PNG格式比起GIF来表现色彩更丰富,特别是表现渐变以及背景透明的渐变要比GIF格式出色很多,目前,最新的浏览器基本上都支持PNG格式。但是IE6不支持PNG背景透明,会显示一个灰色的框。IE6下PNG背景透明的解决办法一用CSS hack 解决.png...
前端开发