搜索列表
-
css下margin、padding、border、background和font缩写示例
【CSS/HTML】CSS代码简化在工作中是非常有益的,也是必要的。在编写CSS代码时,经常会出现冗余的代码,为了提高代码的质量及文件压缩到最小,使代码具有可读性,不得不把CSS代码简化。
cssmarginpaddingborderbackgroundfont缩写 -
css Sprites小实例代码
【CSS/HTML】今天在蓝色理想瞎逛,看见了Realazy的教程CSS Sprites,于是来自己做了个小东西,效果在这里
cssSprites -
CSS图片拼合生成器只需上传zip包即可
【CSS/HTML】简单介绍下:CSS 图片拼合 (CSS sprites) 可有效降低图片文件的 HTTP 连接请求数. 多个图片将以一定间距合并为一个大图片文件. 页面中使用这些图片的元素将利用 background-position 这一 CSS 属性来显示拼合图片中的指定位置。这一技术...
CSS图片拼合生成器 -
又一实用的常用CSS缩写语法收集
【CSS/HTML】为什么要进行CSS缩写? 在进行WEB标准网页设计时,必不可少的是写入大量的CSS语法,一般情况下我们可以通过Dreamweaver软件的“CSS样式”面板自动生成相应的CSS代码。 不过虽然软件生成的CSS代码阅读清晰易懂,但就是由于CSS对条条样式定义的清晰解释,也就使得CSS代码阅读显得冗长复杂,同时CSS...
又一实用的常用CSS缩写语法收集 -
比较不错的修改FCKEditor的修改方法
【网页编辑器】修改后的代码下载http://www.cnblogs.com/Files/Truly/FCKeditor_Truly.rar
比较不错的修改FCKEditor的修改方法 -
CSS标签切换代码实例教程 比较漂亮
【CSS/HTML】我们的设计越来越追求一种简洁的风格,希望在有限的空间内展示更多的内容。与此同时我们发现一些问题,内容的简单排列总使页面很长。滚屏很多才能将显示的内容布局完毕。YAHOO与网易率先应用了标签切换的布局方式,打破了常规布局的局限性,在相同尺寸的区域内,可以放置更多的内容。我们只需要点击不同的选项卡或链接就能...
CSS标签切换代码实例教程比较漂亮 -
css 之 background-position-x
【CSS/HTML】<div style="width:300px;height:300px;background-image:url(http://www.dnew.cn/template/4color/images/green.png);background-position-x:100"></div> 只能 background-position:100 0 这样来写
css之background-position-x -
CSS优化2-(常用CSS缩写语法总结)
【CSS/HTML】使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1; property:value1 value2;...
CSS优化2-(常用CSS缩写语法总结) -
比较漂亮的一个导航条的效果DIV+CSS
【CSS/HTML】导航条的一个效果DIV+CSS 现在应用于客齐集网站! 复制代码 代码如下:<style> * {margin:0; padding:0; list-style:none;} body{font-size:12px; margin:100px;} #info{border:1px solid #BCFF1D; width:348px; background:#D6FF...
比较漂亮的一个导航条的效果DIV+CSS -
代码实例之纯CSS代码实现翻页效果
【CSS/HTML】纯CSS实现翻页效果,原理比较简单,书签配合隐藏。 dl { position:absolute; width:240px; height:170px; border:10px solid #eee; } dd { margin:0; width:240px; height:170px; overflow:hidden; } img { border:1px solid black } dt { position:absolute; right:3px; top:50px; } a { display:block; margi...
代码实例之纯CSS代码实现翻页效果 -
用CSS实现的一张图完成的按钮效果
【CSS/HTML】.inp_L1,.inp_L2,{background:url(https://www.jb51.net/images/bg_x.jpg) no-repeat} .inp_L1{ width:67px; height:23px; background-position:-4px -4px; border:0; color:#464646; line-height:23px} .inp_L2{ width:67px; height:23px; background-position:-4px -30px; border:0; color:#464646; line-height:23...
用CSS实现的一张图完成的按钮效果 -
用js实现的DIV+CSS编辑器代码
【CSS/HTML】DIV+CSS编辑器 var sInitColor = null; function callColorDlg(obj){ if (sInitColor == null) var sColor = dlgHelper.ChooseColorDlg(); else var sColor = dlgHelper.ChooseColorDlg(sInitColor); sColor = sColor.toString(16); if (sColor.length < 6) { var sTempString = "000000".substring...
用js实现的DIV+CSS编辑器代码