2012年7月29日

浅析CSS clip属性

摘要: clip属性是一个比较有用的属性,但往往在实际应用中,并不多见,而52CSS.com介绍的也很少。应用clip属性需要注意的两点: 一、clip属性必须和定位属性postion一起使用才能生效。 二、clip裁切的计算坐标都是以左上角即(0,0)点开始计算,如图三所示,这点不像padding和margin,它们两个的右边距和下边距是从最右边和最下边开始计算的。clip属性基础语法: Example Source Code [www.52css.com]clip:auto|rect(numbernumbernumbernumber)取值:auto: 默认值。对象无剪切rect(numbern.. 阅读全文

posted @ 2012-07-29 22:13 爱上某人 阅读(169) 评论(0) 推荐(0) 编辑

CSS经验分享:如何书写可维护的CSS代码

摘要: 在前几天的文章中,我们讨论过书写高效CSS注意的七个方面。今天我们在52CSS.com和大家讨论如何书写可维护的CSS代码? 一、在样式表开头添加一个注释块,用以描述这个样式表的创建日期、创建者、标记等备注信息。 Example Source Code [www.52css.com]/*---------------------------------Site:SitenameAuthor:52CSS.comUpdated:DateandtimeUpdatedby:Name---------------------------------*/ 二、包括公用颜色标记 Example Sour.. 阅读全文

posted @ 2012-07-29 22:07 爱上某人 阅读(150) 评论(0) 推荐(0) 编辑

利用CSS的@font-face属性 在网页中嵌入字体

摘要: 字体使用是网页设计中不可或缺的一部分。网页是文字的载体,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。 美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷: 一、不可能大范围的使用该字体; 二、图片内容相对使用文字不易修改; 三、不利于网站SEO。 网络上有一些使用sIFR技术、或javascript/flashhack的方法,但实现起来或繁琐,或有缺陷。下面要讲的是如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体。 首先 获取要使用字体的三种文件格式,确保能在主流浏览... 阅读全文

posted @ 2012-07-29 22:06 爱上某人 阅读(193) 评论(0) 推荐(0) 编辑

详谈CSS网页布局中容易发生的错误编码

摘要: 随着CSS网页布局越来越普及,国内大部分网站已经采用CSS网页布局的制作方法,现在52CSS.com也成为了CSS网页布局技术学习的先锋站点。在应用DIV+CSS编码时很容易犯一些错误,这里列举一些常见的错误,帮助新手朋友更好的学习与进步。 一、检查HTML元素是否有拼写错误是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 二、检查CSS是否正确 检查一下有无拼写错误、是否忘记结尾的}等。可以利用CleanCSS来检查CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。 三、确定错误发生的... 阅读全文

posted @ 2012-07-29 22:03 爱上某人 阅读(151) 评论(0) 推荐(0) 编辑

开发备必:WEB前端开发规范文档

摘要: 规范目的 为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.基本准则 符合web标准,语义化html,结构表现行为分离,兼容性优良.页面性能方面,代码要求简洁明了有序,尽可能的减小服务器负载,保证最快的解析速度.文件规范 1.html,css,js,images文件均归档至<系统开发规范>约定的目录中; 2.html文件命名:英文命名,后缀.htm.同时将对应界面稿放于同目录中,若界面稿命名为中文,请重命名与ht 阅读全文

posted @ 2012-07-29 22:01 爱上某人 阅读(116) 评论(0) 推荐(0) 编辑

导航