DIV+CSS
文章平均质量分 53
似水流年20134
这个作者很懒,什么都没留下…
展开
-
CSS代码书写注意事项
1.网站的加载速度,优秀的网站打开速度在5S之内。 就中文站而言,当代码量小于150k的时候,大概每20k的代码会造成1%的用户离开(包括页面加载到一半发现自己需要的链接就点击走掉的用户),但是当页面代码超过150k的部分进行加载的时候,用户数出现大的波动,加载150-200k这部分代码导致了13%的用户流失,如果代码量继续加大,相信用户流失的速度还会加快,所以一张页面应该不要超过原创 2014-03-30 13:50:29 · 525 阅读 · 0 评论 -
CSS sprites CSS精灵技术
加速的关键,不是降低重量,而是减少个数。如果重量在200K以内,只要网络不是特别慢,效率都差不多。但是,如果图片个数多一倍,效率将明显低一个档次。 传统切图讲究精细,图片规格越小越好,重量越小越好,其实规格大小无所谓,计算机统一都按Byte计算。客户端每显示一张图片都会向服务器发送请求,所以,图片越多请求次数越多,造成延迟的可能性也就越大。因为一张图片的传输时间,通常远小于请求等待的时间转载 2014-04-03 00:25:46 · 566 阅读 · 0 评论 -
圣杯布局
圣杯布局body{margin:0;}.center{height:600px;background:#f60;margin:0 200px;}.left{width:200px;background:#fc0;height:600px; position:absolute;left:0;top:0;}.right{width:200px;background:#fcc;hei原创 2014-04-01 23:24:53 · 407 阅读 · 0 评论 -
input的背景会随着文字移动,在ie6下面的解决办法
表单元素的一些问题input{margin:0;padding:0;} /*input的背景会随着文字移动,在ie6下面*/.text{width:300px; height:40px; border:1px solid blue; background:url(sun.jpg) 0 center no-repeat #FFC;}.box{width:300px; margin-t原创 2014-03-30 22:56:31 · 680 阅读 · 0 评论 -
表单练习题
原创 2014-03-30 23:02:13 · 487 阅读 · 0 评论 -
表格标签属性详解
th,td{padding:0;} table{border-collapse:collapse;margin:0 auto;}/*去掉表格单元格的间距*/ /* table css reset */ th,td{border:1px solid black;height:50px;width:100px;} table{width:500px;text-a原创 2014-03-30 22:49:09 · 406 阅读 · 0 评论 -
表单元素详解
/* 表单元素样式重置*/form{margin:0;} /*form与form之间由外边距的;*/input{margin:0;padding:0;} /*input有默认的内外边距,2px边框*/select{margin:0;} /*有2px默认的外边距,它的宽高有兼容性问题*/textarea{ /*有内外边距*/ margin:0; padding:0;原创 2014-03-30 22:52:41 · 467 阅读 · 0 评论 -
整站HTML编写目标
云测试: http://www.testin.cn/events/1000/首页 谁在Testin 云测试 iOS专区 新浪开放平台:http://open.weibo.com/首页 网站接入 应用开发 文档淘宝开放平台:http://open.taobao.com/index.htm首页 文档 API 支持超级QQ:http://mq.qq.com/原创 2014-03-30 13:42:18 · 467 阅读 · 0 评论 -
CSS reset
/* reset css */body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,pre,form,input,textarea,th,td,select{margin:0;padding:0;}em{font-style:normal;}li{list-style:none;}a{text-decoration:none;}img{border:none原创 2014-03-30 13:46:50 · 332 阅读 · 0 评论 -
表格的基本特性
th,td{padding:0;} table{border-collapse:collapse;margin:0 auto;}/*去掉表格单元格的间距*/ /* table css reset */ th,td{border:1px solid black; height:50px; width:100px;} table{width:500px;text原创 2014-03-30 18:30:25 · 792 阅读 · 0 评论 -
CSS样式命名规范(通用)
命名:根据每块元素的主题或者功能、在页面上的位置来进行CSS样式命名。php中命名规范: 每个单词中间以“_”隔开 #main_left_box{}驼峰命名: 从第二个单词开始每个单词的首字母大写 #mainLeftBox{}【注意】:写包含样式的时候能找到这个元素并且不影响其他元素即可页头:header 如:#header{属性:属性值;}或.header{原创 2014-03-30 13:43:14 · 760 阅读 · 0 评论 -
从技术走向管理
转载 2014-03-30 13:58:57 · 331 阅读 · 0 评论 -
兼容png图标
DD_belatedPNG.fix('#nav a');原创 2014-03-30 13:49:31 · 332 阅读 · 0 评论 -
一个css中z-index的用法
CSS教程:彻底掌握Z-index属性大多数的CSS属性都很容易使用。常常,当您对标记语言的元素使用CSS属性时,产生的结果会随着您刷新页面而立即呈现。而另一些CSS属性,却会有一些复杂,且只能在给定的环境下才会工作。Z-index属性便属于上面所说的后面的那一组。Z-index无疑的比其他任何属性都会频繁的导致(兼容性)上的混乱和(开发者心理上)的挫败感。但滑稽的是,转载 2014-04-11 16:40:32 · 537 阅读 · 0 评论