摘要：
刚接触css的时候比较茫然，很多时候不知道如何开始，如何下手。拿到一个效果图，很多问题，困扰我们，怎样布局？绝对定位还是相对定位，选择什么标签？采取怎样的结构..等等..当然在写代码的过程中，会遇到很多问题，尤其是我们新手，对各方面只是不是很了解，更缺少经验，遇到问题常常手足无措。我想，我们在遇到问题的时候，要学会总结，避免下次再遇到还是犯相同的错误。下面是自己在工作中，总结的一些容易犯的错误，和... 阅读全文
摘要：
使用 line-height 垂直居中line-height:24px;使用固定宽度的容器并且需要一行垂直居中时，使用 line-height 即可（高度与父层容器一致）。清除容器浮动#main {overflow:hidden;}不让链接折行a {white-space:nowrap;}也可以使用inline-block！始终让 Firefox 显示滚动条html {overflow:-moz-... 阅读全文
摘要：
woaicss woaicss woaicsswoaicsswoaicsswoaicss[代码] 阅读全文
摘要：
浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置，这就导致如 果直接利用默认样式的页面在各个浏览器下显示非常不一致，于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。拿字体来说，各个浏览器默认的字体种类、字体大小和字体行高都不一样，比如IE8的中文版在Windows XP下显示网页时默认字体是宋体，而英文版肯定不会如此... 阅读全文
摘要：
CSS书写顺序*{/*显示属性*/displaypositionfloatclearcursor…/*盒模型*/marginpaddingwidthheight/*排版*/vertical-alignwhite-spacetext-decorationtext-align…/*文字*/colorfontcontent/*边框背景 为什么要把 boder和backgrou... 阅读全文
摘要：
作为一个网站设计/开发人员，你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能分类的CSS工具可以有效地节省你设计网站的时间。Chada在这基础上增加了三个自己曾经介绍过的工具。原文作者：Brett优化/格式化类1、CSSTidy - CSS Tidy是一个开源的CSS分析和优化工具；2、CleanCSS - CleanCSS... 阅读全文
摘要：
滑动门效果 - by koyoz 首页新闻博客图片播客我是首页我是新闻我是博客我是图片我是播客今天写了一个简单的CSS滑动门效果,也就是TAB标签切换效果了.这个效果能兼容 IE6+, FireFox 2+, Opera8+ 等主流浏览器.说到兼容,还特别为 Opera 额外加了句兼容的代码, 这里介绍一下:CSS代码@mediaalland(min-width:0px){/*自己添加的css样式*/} /*例如:*/ @mediaalland(min-width:0px){#title{height:23px;}} 以下是所有实现的代码:XML/HTML代码!DOCTYPEhtmlPUB 阅读全文
摘要：
一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)CSS代码<style> #wrapper{ width:100px!important;/*IE7+FF*/ width:80px;/*IE6*/ } <... 阅读全文
摘要：
纯CSS圆角效果纯CSS圆角效果纯CSS圆角效果[代码] 阅读全文
摘要：
CSS2.1(http://www.w3.org/TR/CSS21/) 中规定了关于 CSS 规则 Specificity（特异性）的计算方式，用一个四位的数字串（注：CSS2 中是用三位）来表示，最后以 Specificity 的高低判断 CSS 的优先权。Specificity 具体的计算规则：元素的 style 样式属性，加 1,0,0,0。 每个 ID 选择符（#id），加 0,1,0,0... 阅读全文
摘要：
从Designsor哪里看到这个,感觉不错.转了过来.HTML,CSS,Javascript开发与说明规范文档项目中的HTML的规范说明一,HTML部分的命名的规范二,HTML属性介绍和常用实例三,HTML部分标准的头部声明四,HTML注释规则项目中的CSS的规范说明一,Css文件的命名和使用规则二,CSS的书写规则三,Css样式名命名规则四,CSS注释规则项目中的Javascript的规范说明一... 阅读全文
摘要：
这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章，题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点，看过以后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体放大的功能，而国外大多数网站都可以在IE下使用。因为1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于... 阅读全文
摘要：
1、十六进制的颜色值对位数与大小写 编写十六进制颜色值时你可能会用小写字母或省略成3位数，关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响，但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒险而降低了渲染的效率。 * 不赞成 - color:#f3a; * 建议用 - color:#FF33AA;2、display与visibility的差异 他们用于设置或检索是否显示对... 阅读全文