css
文章平均质量分 71
sfzheng2007
这个作者很懒,什么都没留下…
展开
-
如何创建CSS的对象?获取合适的粒度!
强硬的把CSS和HTML塞到PHP里面可以防止代码太枯燥(DRY)并最终导致代码臃肿,因为的CSS和HTML需要比PHP更细致的对象结构。事实上,PHP的模板不是天生合适的,因为每个模板包含了许多不同的HTML,以及以不同的方式相结合的CSS对象。然后,我并没有解释它,或者给出适当的语境。抱歉! 正确的粒度是减小CSS的关键之一在PHP层,下面的会话流(来自Facebook)或许是一个单个对象。所有的检测哪些HTML要显示或者隐藏的逻辑都包含在一个对象结构中。一个Facebook会话流通常,开发人员尝试使这转载 2010-07-10 13:17:00 · 354 阅读 · 0 评论 -
当圆角且阴影的图片时,你该怎么做?
<br />PSD设计图<br /><br /><br /> 当遇到圆角并且有阴影的图片时,你是怎么处理的?<br /> 我们在切图时,避免不了会有圆角加阴影的图片,一般为了省时间嫌麻烦,就直接把整张图片(图片+圆角+阴影)切下来,以img的形式放上去。<br /> 但如果是动态更改图片时,上面的做法使得编辑人员以后得每张图片都要处理成圆角+阴影效果。这样为了一时的方便,使以后的工作更加复杂,何不刚开始就考虑清楚,做个适应动态更新图片的样式呢?<br /> <br /><br /><br原创 2010-06-03 02:05:00 · 843 阅读 · 0 评论 -
10个糟糕的IE Bug及其修复
国外有很多优秀的文章可以用来学习,我决定花些时间翻译。我并不知道这篇文章有没有人翻译过,原文名 10 Awful IE Bugs and Fixes,我希望能有更多人能看到这些优秀的文章。外国人很幽默,所以我也就全文翻了。高手绕道~———-以下为译文———-我列举了10个常见的IE bug和解决方法。我相信这将能够帮助你减少调试IE布局不一致时花掉的时间。作者:kevin简介在处理IE方面每个人都转载 2010-05-27 03:04:00 · 321 阅读 · 0 评论 -
重新发现HTML表
根据我最近的一些实践以及在和一些读者进行关于HTML表格的使用问题沟通之后,决定写这篇文章。总的来说,我注意到由于误导性信息,他们对于table的使用有种先入为主的厌恶。事实上很多人会说”我看到永远不应该使用表格”的说法,但是这绝对是错误的!这个建议只是针对使用HTML表格来定义网页的布局,但是表格在方便的排列数据信息行和列方面非常完美,而且如果你一定要在一个页面上显示表列数据,你就不得不转载 2010-05-27 02:57:00 · 283 阅读 · 0 评论 -
first-letter解决了序号缩进问题
今天上蓝色理想看到一篇文章,觉得很不错。《first-letter的一个小妙用 》http://www.blueidea.com/tech/web/2010/7455.asp 作者:yoom 解决了序号加文字在第二行以后缩进的问题。一直以来我都是用 来应付今天看到这篇文章中有一个属性first-letter竟然有这样的妙用具体CSS原创 2010-05-27 03:03:00 · 508 阅读 · 0 评论 -
没想到的、不常用的三个css属性!
作者:tinyhill 来自:蓝色理想 对 《5 个简单实用的 CSS 属性》进行编辑1、CSS Clip剪辑 (clip) 属性就像一个面具。它允许你使用矩形掩盖页面元素的内容。要剪辑一个元素:你必须指定其 position 属性为 absolute,然后指定相对于元素的 top,right,bottom,left 值。图片剪辑实例(演示)以下示例演示了如何使用 clip 属性掩转载 2010-05-27 03:02:00 · 318 阅读 · 0 评论 -
IE6,7下实现white-space:pre-wrap;
HTML 的空白符处理规则HTML 中的“空白符”包括空格 (space)、制表符 (tab)、换行符 (CR/LF) 三种。我们知道,在默认情况下,HTML 源码中的空白符均被显示为空格,并且连续的多个空白符会被视为一个,或者说,连续的多个空白符会被合并。然而在有些时候,我们希望 HTML 源码中的多个连续空格在网页浏览器中可以真实地呈现,或者需要源码中的换行符能起到真正的换行作转载 2010-05-27 02:58:00 · 357 阅读 · 0 评论 -
本人CSS3写的几面国旗
源码:css:body{ background-color:#D0DADF;} .flag{ width:450px; height:300px;box-shadow:5px 5px 5px #333; -moz-box-shadow:5px 5px 5px #333; float:left; margin:0px 15px 15px; -webkit-box-shadow:5px 5原创 2010-05-27 03:09:00 · 1378 阅读 · 0 评论 -
你应当了解的5个CSS3新技术
CSS是众所周知且应用广泛的网站样式语言,在它的版本三(CSS3)计划中,新增了一些能够节省时间的特性。尽管只有当前最新了浏览器版本才能支持这些效果,但了解它们还是必须且很有趣味性的。暴风彬彬将在这篇文章向大家展示CSS中的5个有趣的新技术:圆角、个别圆角、不透明度、阴影和调整元素大小。1:基本标记在我们开始这个教程之前,先来创建整个教程都要使用的基本标记。我们的xHT转载 2010-05-27 03:01:00 · 282 阅读 · 0 评论 -
不带三角图片却有三角图片效果的选项卡
<br />今天看了蓝色理想论坛“锅巴三月三”版主做了个“border老技巧书写的倒三角”,借此我也做了点修改,做了个选项卡!代码如下:<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head>原创 2010-06-07 15:15:00 · 551 阅读 · 0 评论