前端笔记
文章平均质量分 80
仅愚
这个作者很懒,什么都没留下…
展开
-
Web 前端页面性能优化
由于本人从事的是前端工作,所以且谈谈前端或者网站发布后的一些能做的东西吧!一、语义化的XHTMLHTML结构中主要包括了head和body两个部分,虽然经常说的是结构语义化主要是body中的标签,但是我们会把head忽略,head中其实包括了一些对于我们seo很有用的一些东西,比如title,Description,Keywords,这些东西在蜘蛛抓取的时候都是有帮助的。另外,head原创 2012-12-05 22:17:47 · 2789 阅读 · 0 评论 -
标签?ID?还是CLASS?
<!--h3, p, div, li {font-family:"\5FAE\8F6F\96C5\9ED1",Arial,verdana}a:link, a:visited {color:#005aa8; text-decoration:none}a:hover {color:#c0030a; text-decoration:underline}h3 {co转载 2012-12-12 14:46:00 · 1481 阅读 · 0 评论 -
那些年,我们一起追的HACK
<!--div {padding-bottom:8px}--> 即便是标准浏览器,也会由于渲染引擎不同导致网页显示效果存在差异,因此,针对这些差异而存在的Hack就很多啦。别跟我提IE6! 1、选择器Hack * html selector 仅仅被 ie6- 渲染,因为html在W3C标准规定中已经是根元素,再加通配符原创 2012-12-04 12:11:53 · 672 阅读 · 0 评论 -
鲜为人知的z-index
关于z-index的问题在于很少有人真正理解它的原理。它并不复杂,但是如果没有花时间读过它的规范,毫无疑问有一些关键的方面你完全没有 察觉到。不相信我?好吧,尝试下解决下面这个问题:问题在下述HTML代码中有三个元素,每个元素包含一个元素。每个都各自有自己的背景色 (分别是红色,绿色和蓝色)。每个元素都绝对定位在接近文档左上角的地方,轻微的错开其它元素就可以看到哪个在最转载 2013-02-04 09:36:22 · 3638 阅读 · 0 评论 -
浏览器的CSS Hacks
<!--.css-hacks {padding:5px; background-color:#eee; text-indent:2em}.css-hacks-passage {font-size:14px; line-height:1.5em; font-family:arial,simsun,sans-serif}.css-hacks-passage a翻译 2013-02-05 15:54:17 · 633 阅读 · 0 评论 -
关于font,你了解多少?
<!--h2 {font-size:18px; font-weight:500; font-family:Microsoft Yahei,simheiti,STHeiti; color:#5d5d5d; padding:6px}.p {padding:8px 0; font-size:16px; font-family:Microsoft Yahei,sim原创 2012-12-26 16:30:05 · 1976 阅读 · 0 评论 -
SASS/Compass的安装与卸载
认识SASS/CompassSASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。Comapss:SASS的关系大致等于 JQuery:JS的关系。SASS与Compass的安装SASS在Windows操作系统内依赖于Ruby环境,因此在安装SASS之前:1、需要先安装Ruby。Ruby现阶段的安装与一般应原创 2014-03-12 15:26:10 · 25725 阅读 · 1 评论