michaelia530-CSDN博客

原创 HTML优化工具Page Speed和YSlow插件的安装及使用

目前，HTML优化已经越来越引起Web前端开发的重视。页面优化是SEO优化工作中必不可少的一项任务，这里我向大家推荐我目前用的谷歌Page Speed插件和YSlow插件。 Page Speed是谷歌推出的一个网页优化建议插件，它并不能独立允许。而是要依托火狐或谷歌浏览器，且火狐浏览器必须安装了一个名为Firebug的插件，才能正常的使用Page Speed对网页进行分析。所以首

2012-12-13 17:26:14 2237

原创 Html优化总结

Web前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么？ 1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。 2. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可

2012-12-12 15:14:58 489

转载 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 493

原创 css命名规范

每个人的CSS命名规则都不一样，给后期维护人员带来麻烦。如果大家都统一的话，就提高了工作效率，方便自己，也方便他人。下面是整理的一些CSS的命名规则，供大家参考！一、常用命名规则头：header 内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局

2012-11-14 11:00:55 774

原创 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 921

原创如何去掉超链接或图片热点链接的虚线框

如何去掉超链接或图片热点链接的虚线框，代码如下：

2012-07-09 10:39:55 683

原创 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 4944 1

原创 ai物体旋转复制如何自定义中心点

用AI做图片的旋转复制，自定义中心点：选中对象，快捷r，按住alt用鼠标左键点选你需要的旋转圆心位置，然后弹出个窗口，输入旋转角度，点“复制”。然后ctrl+D，得到旋转图形。

2012-05-28 11:12:14 12415

原创谷歌Chrome浏览器下CSS设置字体大小小于12px无法生效的问题

之前一直都在做中文的网站，所以很少遇到字体兼容问题！最近在制作一个英文的网站，遇到字体兼容问题，另我困惑不已！现在终于找到解决方案：在html或者body里添加一句谷歌浏览器专有的属性。 html,body{ -webkit-text-size-adjust:none;}　　注意：如果使用了这个属性，浏览器的字体将不能使用放大缩小功能！（就是按住CTRL键上下

2012-05-28 11:05:20 4045

原创页面元素滚动条

Scroll bar(页面元素滚动条)1.背景图片的滚动条设置background-attachment:scroll || fixed;2.滚动条显示设置overflow: auto; 在需要时内容会自动添加滚动条overflow: scroll; 总是显示滚动条overflow-x: hidden; 禁止横向的滚动条overflow-y: scroll; 总是显示纵

2011-12-12 14:07:34 430

原创溢出文本省略

在信息列表结构中，常常会遇到栏目的宽度固定但信息项的字符过长的矛盾，为了避免超长字符的信息项破坏栏目的布局，设计师经常需要考虑限制栏目信息的显示长度，如设置当信息项字符超出长度时则省略显示。下面的方法就能帮助设计师们解决这个问题：text-overflowdl{ width:240px; border:1px solid #ccc;}dt{ padding:8px 8p

2011-12-08 16:42:56 325

原创 css隔行换色的方法

CSS隔行换色的问题，其实很简单，您可以根据您的需要，采用下面的任何一种方法，当然，要适合你的编码与需求情况：一、background背景图片如果行高固定的话，推荐使用背景图，也推荐将行高固定！兼容一切浏览器。二、CSS Expression文字：color:expression(this.sourceIndex%2 ? '#ff0000':'#000000');背景：

2011-11-28 11:09:45 762

原创 :lang 伪类

q:lang(no){quotes: "~" "~"}:lang 伪类允许您为不同的语言定义特殊的规则。在下面的例子中，在下面的例子中，:lang 类为带有值为 "no" 的 lang 属性的 q 元素定义引号的类型：一些文本段落中的引用一些文本。lang 这个伪类为带有lang="no"的 q 元素定义引号的类型，所以你将看到一些文本 ~段落中的引用~ 一

2011-11-24 15:16:42 701

原创 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 323

原创 css个性下拉框和按钮

最近在做一个教育平台网站。其中有几个问题是之前没有遇到过的。首先，input 的背景图片问题，解决这类问题的方法是：.loginbtn{ width:29px; height:24px; border:0px;/* 边框设置为0 */ backgrou

2011-08-17 15:28:43 7012 1

原创一些css中常见的问题！

1.设置一个高为2px的div 解决办法： height:2px; font-size:2px; 说明：以文字的高度来准确定位div的高度。 2.怎样让你的div居中 解决办法： 在你的那个DIV上加上下面的样式代码： position:absolute;width:500px;height

2010-12-23 16:17:00 405

在IE6下line-height属性失效是由于文字中包含img、input、select、textarea、button、object造成的。 解决办法： 对和文字相连接的img、input、textarea、select、object等元素加以属性： margin: (所属line-height-自身高度)/2px 0px;

2010-12-23 16:13:00 337

michaelia530的专栏