- 博客(17)
- 收藏
- 关注
原创 HTML优化工具Page Speed和YSlow插件的安装及使用
目前,HTML优化已经越来越引起Web前端开发的重视。页面优化是SEO优化工作中必不可少的一项任务,这里我向大家推荐我目前用的谷歌Page Speed插件和YSlow插件。 Page Speed是谷歌推出的一个网页优化建议插件,它并不能独立允许。而是要依托火狐或谷歌浏览器,且火狐浏览器必须安装了一个名为Firebug的插件,才能正常的使用Page Speed对网页进行分析。所以首
2012-12-13 17:26:14
2251
原创 Html优化总结
Web前端是庞大的,包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么? 1. 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。 2. 从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可
2012-12-12 15:14:58
496
转载 table 1px边框
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">定义表格边框的方法table{ border-collapse:collapse; }td{ border:#ccc solid 1px; padding:5px; }
2012-11-29 16:55:36
500
原创 css命名规范
每个人的CSS命名规则都不一样,给后期维护人员带来麻烦。如果大家都统一的话,就提高了工作效率,方便自己,也方便他人。下面是整理的一些CSS的命名规则,供大家参考!一、常用命名规则 头:header 内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局
2012-11-14 11:00:55
784
原创 IE6下 li 错位问题
最近在做电子商务类网站,当做到图文效果时,遇到 IE6 下 li 错位问题 :css部分代码:.redeem_con{ width:737px;}.redeem_con ul{ margin:0px; padding:0px;}.redeem_con li{ width:212px; float:left; margin:20px 12px 10px 15px;_margin:
2012-10-10 14:04:58
933
原创 CSS解决英文自动换行问题
当容器内出现长串英文时,容器会被撑大,此时内容不会自动换行,那么如何用css来解决英文自动换行问题呢?请往下阅读:如果是在Table内出现此问题,可以在table标签中加入 style="WORD-WRAP: break-word;TABLE-LAYOUT: fixed;word-break:break-all;"问题会得到解决。那么,word-wrap同word-break的区别又是
2012-06-28 15:48:11
4985
1
原创 ai物体旋转复制如何自定义中心点
用AI做图片的旋转复制,自定义中心点: 选中对象,快捷r,按住alt用鼠标左键点选你需要的旋转圆心位置,然后弹出个窗口,输入旋转角度,点“复制”。然后ctrl+D,得到旋转图形。
2012-05-28 11:12:14
12492
原创 谷歌Chrome浏览器下CSS设置字体大小小于12px无法生效的问题
之前一直都在做中文的网站,所以很少遇到字体兼容问题!最近在制作一个英文的网站,遇到字体兼容问题,另我困惑不已!现在终于找到解决方案:在html或者body里添加一句谷歌浏览器专有的属性。 html,body{ -webkit-text-size-adjust:none;} 注意:如果使用了这个属性,浏览器的字体将不能使用放大缩小功能!(就是按住CTRL键上下
2012-05-28 11:05:20
4053
原创 页面元素滚动条
Scroll bar(页面元素滚动条)1.背景图片的滚动条设置background-attachment:scroll || fixed;2.滚动条显示设置overflow: auto; 在需要时内容会自动添加滚动条overflow: scroll; 总是显示滚动条overflow-x: hidden; 禁止横向的滚动条overflow-y: scroll; 总是显示纵
2011-12-12 14:07:34
435
原创 溢出文本省略
在信息列表结构中,常常会遇到栏目的宽度固定但信息项的字符过长的矛盾,为了避免超长字符的信息项破坏栏目的布局,设计师经常需要考虑限制栏目信息的显示长度,如设置当信息项字符超出长度时则省略显示。下面的方法就能帮助设计师们解决这个问题:text-overflowdl{ width:240px; border:1px solid #ccc;}dt{ padding:8px 8p
2011-12-08 16:42:56
329
原创 css隔行换色的方法
CSS隔行换色的问题,其实很简单,您可以根据您的需要,采用下面的任何一种方法,当然,要适合你的编码与需求情况:一、background背景图片如果行高固定的话,推荐使用背景图,也推荐将行高固定!兼容一切浏览器。二、CSS Expression文字:color:expression(this.sourceIndex%2 ? '#ff0000':'#000000');背景:
2011-11-28 11:09:45
769
原创 :lang 伪类
q:lang(no){quotes: "~" "~"}:lang 伪类允许您为不同的语言定义特殊的规则。在下面的例子中,在下面的例子中,:lang 类为带有值为 "no" 的 lang 属性的 q 元素定义引号的类型:一些文本 段落中的引用 一些文本。lang 这个伪类为带有lang="no"的 q 元素定义引号的类型,所以你将看到一些文本 ~段落中的引用~ 一
2011-11-24 15:16:42
708
原创 IE8的css hack
关注过IE8的css hack的人相信大家都在使用这个hack,就是“\9”的css hack:.test{color:#000000; /* FF,OP支持 */color:#0000FF\9; /* 所有IE浏
2011-09-27 10:59:45
326
原创 css个性下拉框和按钮
最近在做一个教育平台网站。其中有几个问题是之前没有遇到过的。首先,input 的背景图片问题,解决这类问题的方法是:.loginbtn{ width:29px; height:24px; border:0px;/* 边框设置为0 */ backgrou
2011-08-17 15:28:43
7029
1
原创 一些css中常见的问题!
<br />1.设置一个高为2px的div<br /> 解决办法: <br /> height:2px; font-size:2px;<br /> 说明:以文字的高度来准确定位div的高度。<br />2.怎样让你的div居中<br /> 解决办法:<br /> 在你的那个DIV上加上下面的样式代码:<br /> position:absolute;width:500px;height
2010-12-23 16:17:00
410
原创 关于IE6下line-height属性失效问题
<br />在IE6下line-height属性失效是由于文字中包含img、input、select、textarea、button、object造成的。<br /><br /> 解决办法:<br /><br /> 对和文字相连接的img、input、textarea、select、object等元素加以属性:<br /> margin: (所属line-height-自身高度)/2px 0px; <br />
2010-12-23 16:13:00
342
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人