文章阅读
【HTML~CSS】CSS3非常有用的十个属性 2012-04-25
1.边框圆角（Border Radiuas）#box1 {border: 1px solid #699;/* for Mozilla Firefox */-moz-border-radius: 20px;/* for Safari & Google Chrome */-webkit-border-radius: 20px;}2.盒阴影（Box Shadow）#box1【HTML~CSS】男人就像HTML，女人如同CSS 2012-03-10
每个HTML都希望自己能呈现给别人亲和的引入注目的感觉，CSS可以帮助HTML实现这样的目的。 虽然没有CSS，HTML也可以自己完成同样的修饰，但是可能会一片混乱，不像有CSS的HTML那样，让内容和修饰分开。 而仅有CSS，很多想要的效果却也无法看出。 有一些呈现的布局效果是HTML自身不能实现的，比如CSS里的伪类、组合。就想男人没有女人，也不会体现出他对家的责【HTML~CSS】八个制作Linking（链接）的技巧 2012-02-07
“链接”对于一个Web制作人员来说一点都不会陌生，我们在来时的制作中，我们碰到过的“链接”有很多种，比如说文字链接、图片链接，有时甚至是图片和文字的混合链接。而这些链接是Web页面中最佳功能之一，那如何让你的链接在Web页面中尽可能的方便使用，有些就需要一些小技巧来帮助你了。今天我就搜集了一些这方面的小技巧，你会发现这些小技巧的实用性，同时也能使你的链接更好看，更可用。一、显示文件类型图标大家在平【HTML~CSS】什么是CSS Hack？ 2011-12-29
CSS hack由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。由于不同的浏览器对CSS的支持及【HTML~CSS】CSS3伪类：自定义被选中文字的背景色 2011-12-27
CSS3的selection的简单介绍：语法：E::selection ： {attribute} 说明： 匹配E元素中被用户选中或处于高亮状态的部分 兼容性： 关于CSS3这个兼容性问题，大家都是知道的，Trident(IE)系列中6-8是肯定不行的，IE9以上版本支持。其他浏览器例如Webkit(Chrome/Safari)、Gecko(Firefox)、Pres【Javascript】jQuery和CSS3制作Popup弹出窗 2011-12-18
Popup弹出窗，时常有碰到，以前都只是写Popup的样式，从没有涉及jQuery怎么实现。今天看到一个教程有关于这方面的制作，认真学习了一下。事后仔细一想，用jQuery来制作还是可以看懂的，现将代码稍加整理放上站上，以备今后可以使用，因为记性不好，所以这个懒就偷不了。别的不说，和我一样不懂的，就一起动手试试吧：HTML Markup <a href="javascript:p【HTML~CSS】30个最常用CSS选择器解析 2011-12-16
你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。1. * * { margin: 0; padding: 0; } 星状选择符会在页面上的每一个元素上起作用。web设计者经常用它将页面中所有元素的m【HTML~CSS】十种图片替换文本CSS方法 2011-12-12
很多网站的logo都使用图片替换文本来实现，而且在一些情况下也有使用图片效果来替换难以实现的文本效果。这些制作我想大家在平时制作中都或多或少的碰到过，那么今天我老话重谈，整理了十种图片替换文本的制作方法。希望对大家有所帮助。制作原理：使用图片替换文本，其原理是相当的简单：就是在样式中使用背景图片来替换掉HTML模板中的文本内容，从而达到一种样式无法实现的页面渲染效果。使用图片替换有其优点也有其缺点【HTML~CSS】CSS3制作进度条效果 2011-12-10
Progress Bar直译过来就是“进度条”，也就是说今天要和大家一起探讨进度条的作方法。我想进度条大家都有看到过，而且还随处可见，他们表示的是某个过程，显示目前完成状态。最常见的是文件的上传和下载，有一个动态的进度条，通过这个进度可的动态变化告诉我们文件上传或下载的完成程度。换而言之，无论在某一个点或一个桌面程序，或者说我们的Web应用程序或，我们都需要使用到进度条的UI制作。那么在这篇文章中【HTML~CSS】让Safari支持微软雅黑的CSS样式表 2011-12-07
Safari for Windows版本 默认使用的英文字体渲染中文,但是它自定义字体功能似乎还不能起作用,好在它能提供自定义CSS,我就写了一个通用CSS样式表.这样就能使用微软雅黑来渲染中文字体了,如果你没有微软雅黑,请选用别的字体代替微软雅黑. 更新:去掉9px的定义,显示效果依然正常. 把这个CSS保存在你喜欢的位置 然后再偏好设置->高级的样式表里面调用就行了 CSS代码如下【HTML~CSS】CSS：textTransform属性 2011-12-05
text-transform版本：CSS1 继承性：有 语法：text-transform : none | capitalize | uppercase | lowercase 参数：默认。定义带有小写字母和大写字母的标准的文本。文本中的每个单词以大写字母开头。定义仅有大写字母。定义无大写字母，仅有小写字母。例子：<html><head><scr【HTML~CSS】CSS使用LESS 2011-12-02
去年就初次接触了LESS,并用他制作了一个Less.org的首页页面，但由于CSS的固有模式，没有让自己喜欢上他。由于前段时间学习bootstrap from twitter再次让我接触了这个Less（我在《CSS——Bootstrap From Twitter》有简单的提到过Less），又发现了他的强大与方便，于是横下心来又重新开始学习Less。这次的学习中让我发现了他的更强大，从而也让自己更喜【HTML~CSS】关于cellspacing和cellpadding 2011-11-30
<table cellspacing="0" cellpadding="0"></table>很多朋友会说表现在结构中，这样不符合标准，那如何将这个表现拿出来，有些朋友或许很迷惑。我们可以用 table 的 border-collapse: collapse; 属性 来代替cellspacing=”0″，用 th,td 的 padding: 0; 属性来代替 cellpad【Web前端】CSSCompat Browser Mode解释 2011-11-23
今天偶然看到了一道题中有这样一段：在不同浏览器的Quirksmode和CSSCompat模式下都保持同一效果其实对于学习标准的人可能更多的人熟悉 Quirksmode ，也许很多人（对 JS 不太熟悉的朋友）或许要问：CSSCompat 模式是什么，我怎么没听过？其实这两种叫法是在不同的语言环境中的不同叫法。document 有个属性 compatMode 可以用来判断当前页面采用的何种渲染方式：【HTML~CSS】line-height 属性的继承问题 2011-11-22
淘宝商城的 detail 页面“产品详情”部分是商家自定义区块，曾出现这样一个问题：<style type="text/css">p { line-height:17px;}</style><div class="mdse-detail"> <p> <strong style="font-size:30px">