发表于
2014-11-17 10:31:05
[原]网页代码优化
标题关键词网页描述语义化代码H1~H6标签多用于标题UL标签多用于无序列表OL标签多用于有序列表DL标签用于定义数据列表em、strong表示强调标签标签,标题用h1标签标签与标签 （只用于文本空格）定义表格用caption标签应使用alt说明用于强调 ,用于斜体 与标签重要内容html代码放在最前面重要内容不要用js 输出尽量少使用 iframe 框架谨慎使用display:none; (搜索引擎会自动过滤掉，小蜘蛛会忽略到这里的内容)代码要越精简越好 层次越清晰越好（层次机构超过三层小蜘蛛不不愿意再爬了）首页链接数量（中小网站100以内，页面导航、底部导航、锚文链接等）
...继续阅读
(24)
发表于
2014-11-17 09:05:38
[原]在DIV中自动换行
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。它们的区别就在于：1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为tulation（conguatulation）的后端部分了。2，word-wrap:break-word 例子与上面一样，但区别就是它会把congratulation整个单词看成一个整体，如果该行末端宽度不够显示整个单词，它会自动把整个单词放到下一行，而不会把单词截断掉的。3，word-break;break-all 支持版本：IE5以上 该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本。 WORD-WRAP:break-word 支持版本：IE5.5以上 内容将在边界内换行。如果需要，词内换行( word-break )也将发生。表格自动换行，避免撑开。 word-break : normal | break-all | keep-all 参数： normal : 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行 bre
...继续阅读
(18)
发表于
2014-11-17 08:47:49
[原]让图片垂直居中
在不同的编码模式下，文字的行高计算是不一样的，所以请记住选择与页面相对的编码这个方法是利用display:table-cell在支持该属性的浏览器中，结合vertial-align:middle方法来实现图片垂直居中；在不支持display:table-cell的浏览器（IE）中利用文字结合行高的方法来实现垂直居中；display:table-cell这个属性会导致一些属性失效，比如margin，所以使用这种方式让图片垂直居中时，涉及到多图片并排时有可能需要将下面的XHTML结构复制到li结构中；.test_box {display:table-cell;width:500px;height:200px;vertical-align:middle;text-align:center;
*float:left;*font-family:simsun;*font-size:200px;*line-height:1;
border:1px solid #000000;
}
.test_box img {vertical-align:middle;}
...继续阅读
(21)
发表于
2014-10-31 15:50:49
[原]青春看似荒唐
知道吗 下雨了你喜欢的花开了 如此坚强雨伞在 门把上楼下送走了新娘 美丽 就像你一样我曾如此奢望一路风霜能与你分享又害怕会这样 依赖着直到有一天 我们不再疯狂请不要失望 哪怕平淡收场青春看似荒唐 没人会选择投降我懂你的倔强 你懂我向往如果有一天 我消失在远方请不要悲伤 即使你不能忘但愿花开如常 你会笑着抬头望我愿化作清晨 那叫醒你的阳光把照片 当书签每天读上好几遍 几遍 能让我入眠我曾如此奢望 一路风霜能与你分享又害怕会这样 依赖着直到有一天 我们不再疯狂请不要失望 哪怕平淡收场青春看似荒唐 没人会选择投降我懂你的倔强 你懂我向往如果有一天 我消失在远方请不要悲伤 即使你不能忘但愿花开如常 你会笑着抬头望我愿化作清晨 那叫醒你的阳光如果有一天 我消失在远方请不要悲伤 即使你不能忘但愿花开如常 你会笑着抬头望你曾是我心中 那最安静的阳光
...继续阅读
(32)
发表于
2014-10-31 15:46:23
[原]table明明设置了固定值
发表于
2014-10-29 14:01:01
[原]IE 8 浏览器 F12 调试功能无法使用
一直习惯使用IE，有点慢，小毛病又多点，可这么多年，还是没换过。最近发现用IE的F12调试代码的功能不起作用了，改起网页来不是很方便。不知是什么引起的，又不想重装IE...也不想更新到最新的IE,好多网银跟不上IE的更新速度，所以 了，只能将就着用了。下个火狐来试试。要是可以，以后调试就用火狐了。百度了下，找到了解决方法，下面是原文摘录：“按下F12之后，开发人员工具在桌面上看不到，但是任务栏里有显示。将鼠标放在任务栏的开发人员工具上，出现一片透明的区域，选中之后却出不来。将鼠标移动到开发人员工具的缩略图上，右键-最大化，工具就全屏出现了。（或者是右键-移动，然后手动调整窗口大小）但是这时候是单独一个窗口，没有和IE页面结合在一起。点击右上角的固定按钮（快捷键CTRL+P），就和IE结合在一起了，位于页面的下方。或者是打开工具后，直接按快捷键ctrl+p，就出来了。（当然了，必须先打开开发工具，否则ctrl+p是IE8的打印）
...继续阅读
(23)
发表于
2014-09-30 11:31:34
[原]经典左右布局demo
DOCTYPE htmltest.layout .sidebar { float: left; width: 150px; background: #fce3c5; height: 300px; }.layout .primary { margin-left: 170px; background: #fce3c5; height: 300px; }AAABBB
...继续阅读
(21)