- Posted by Admin on May 2, 2012
也许你是一个初学者，也许你是一个有一点经验的菜鸟，也许你是一个经验丰富的高手。曾几何时，你找工作的时候是不是经常会发现要求里许许多多的“精通”字样。精通这个精通那个；我想每个人对精通的理解都不一样。精通的字面意思是：透彻理解并能熟练掌握！在CSS里，能达到这个境界的，我想没有三五年经验很难吧。希望下面这些CSS属性能让你向精通更靠近一些。
一.CSS Pseudo-Classes 伪类
1.Selector : hover { sRules }
设置对象在其鼠标悬停时的样式表属性。
在CSS1中此伪类仅可用于a对象。且对于无hre...
[More]
- Posted by Admin on April 19, 2012
样式操作
<p class=”myclass” title=”选择喜欢的水果”>你最喜欢的水果是？<p>
在上面代码中，class也是p元素的属性，因此获取class和设置class都可以用attr()方法来完成
代码如下：
Var p_class=$(“p”).attr(“class”); //获取p元素的class
也可以用attr()方法来设置class
$(“p”).at...
[More]
- Posted by Admin on March 28, 2011
不管你是多么优秀的程序员，你都不可能记住一切。在你编写程序的过程中碰到问题需要查阅手册的时候，若有现成的手册可参考则可以为你节省很多时间。为了方便各位朋友，本文收集了一些对Web开发人员非常有用的手册，记得推荐一下哦。
HTML 速查手册
HTML/XTML in one page
HTML5: The Evolution of Web Standards by James Sugrue
(X)HTML Elements and Attributes
Doctype Declarations (DTDs)
XHTML Character Entity Re...
[More]
- Posted by Admin on March 26, 2011
CSS 背景这里指通过CSS对对象设置背景属性，如通过CSS设置背景各种样式。
CSS中背景单词：
background CSS手册查询-background手册
background-color 设置颜色作为对象背景颜色
background-image 设置图片作为背景图片
background-repeat 设置背景平铺重复方向
background-attachment 设置或检索背景图像是随对象内容滚动还是固定的。
background-position 设置或检索对象的背景图像位置。
Htm...
[More]
- Posted by Admin on March 24, 2011
Windows系统下各浏览器常用CSS HACK汇总表图
1. 此汇总表中测试浏览器的版本为：
微软系统自带：IE6、 IE7、IE8
火狐：Firefox 3.6.6
Safari：Safari 5.0
谷歌浏览器：Chrome 6.0.458.1 dev
Opera浏览器：Opera 10.60
2. 其中，多数CSS hack是在selector{property:value;}基础上更改的。
selector代表CSS选择器，property代表CSS特性，value代表特性的值。
3. FF代表Firefox，Ch代表Chorme，S...
[More]
- Posted by Admin on June 21, 2010
可以参考：http://www.cnblogs.com/binyong/archive/2009/12/01/1614195.html
- Posted by Admin on October 29, 2009
在web开发中页面设计时如何使css书写规范是很重要的。正确规范的书写css样式表可以使提高网页的速度以及，各种浏览器的兼容性，以便于开发程序的人员更好的嵌入程序。对于现在的web2.0,到底怎么书写css样式表，才算是最好的，最规范的！几乎没有什么明确的规定。在整个开发的项目中，只要写出一套最适合于团队开发的最好了。当然了很多的css样式书写范是大同小异的。需要不断的去归纳总结。 根据经验总结出以下几点规范，请大家参考一下：一.所有的CSS的尽量采用外部调用:这是我认为最重要的一点,因为这影响加载页面时的速度.<LINK href="style/style.css"...
[More]
- Posted by Admin on September 8, 2009
时隔一年半再次把《CSS权威指南》读了一遍，受益匪浅，温故而知新！
读书笔记：CSS-Definitive-Guide.doc
收获：
一、Reset CSS的重要性
前端开发者经常容易被浏览器默认样式的差异搞晕，于是Reset CSS 出现了，而风靡一时的 *{margin:0;padding:0;}杀伤力太大无法满足需求。
目前常用的Reset CSS有四份：
1、YUI CSS Reset ...
[More]
- Posted by Admin on June 11, 2009
一个高效的 Web 设计者，不可能只是依靠仅有的几个常用设计工具在工作，他一定有一个自己收藏的工具箱，这些有效的工具，可以配合设计师更好更高效地完成既定工作，因为这些小工具的功能针对性更强，可以更合理地帮助设计师进行高效的开发。所以，这里为有类似需求的 Web 设计师整理了常用的25个设计工具，包括在线色彩搭配工具、CSS框架工具、Javascript工具、浏览器兼容性工具等。收藏起来作为日常工作的补充，相信不久你就会离不了它们了。1. HTML Entity Character Lookup一个 HTML 字符查询功能，可以帮助用户更快地找到某些特殊字符。HTML Entity Charac...
[More]
- Posted by Admin on June 9, 2009
行内样式优先级最高，其次是采用<link>标记的链接式，再次是位于<style>里面的内嵌式，最后是采用@import导入式。
- Posted by Admin on June 4, 2009
IE捉迷藏bug（peek-a-boo），之所以起这个名称是因为在某些条件下文本看起来消失了，只有在重新装载页面时才再度出现。出现这个bug的条件是：一个浮动元素后而跟着一些非浮动元素，然后是一个清理元素，所有这些元素都包含在一个设置了背景颜色或图像的你元素中。如果清理元素砬到了浮动元素，那么中间的非浮支元素看起来消失了，隐到了父元素的背景颜色或图像后面，只有在刷新页面时才重新出现。幸运的是，有许多方法可以解决这个bug。最容易的方法可能是去掉父元素上的背景颜色或图像。但是，这常常是不可行的。另一个方法是避免清理元素与浮动元素接触。如果窗口元素应用了特定的尺寸，那么这个bug似乎就不会出殃了。...
[More]
- Posted by Admin on May 21, 2009
<script type="text/javascript">function reinitIframe(){var iframe = document.getElementById("MyTrialFrame");try{var bHeight = iframe.contentWindow.document.body.scrollHeight;var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;var height = Math.max(bHeig...
[More]
- Posted by Admin on May 21, 2009
Iframe在Firefox(火狐)下的自适应高度解决办法这两天写了几个页面,布局的时候用到了Iframe,在IE下调试一切正常,不经意间用Firefox打开来看了一下,那效果真是可以用惨不忍睹来形容,Firefox居然不认识高度为100%.<iframe src="Index.jsp" name="mainFrame" id="mainFrame" frameborder="0" scrolling="auto" style="width:817px;height:...
[More]
- Posted by Admin on April 3, 2009
这个问题也是我在学jquery - ajax时候碰到了,在论坛求救过, 最后shawphy给我解释了下,并且整理了一篇文章<正确用JQ的AJAX加载XML并解析.doc> ,看了后,的确不错. 正文:正确用JQ的AJAX加载XML并解析被cssrain翻了N多的关于AJAX加载XML的帖子尸体。。。。总结一下：1,Content-Type很多时候无法解析就是Content-Type的问题。(呵呵,我第一次做ajax的时候,就遇到这个问题.)一定要将其设置为text/xml，否则默认就是text/html也就是普通的文本了。常见语言的Content-Type设...
[More]
- Posted by Admin on April 2, 2009
一些比较常用属性 font 字体 color 颜色 font-size 字体大小 text-align 文本位置 background 背景 margin 外补丁 padding 内补丁 border 边框 float 布局 下边是实例 CSS布局常用的方法：float:none|left|right 取值： none:?默认值。对象...
[More]
- Posted by Admin on April 1, 2009
什么是框架？框架是一种你能够使用在你的web项目中概念上的结构。CSS框架一般是CSS文件的集合，包括基本风格的字体排版，表单样式，表格布局等等，比如： * typography.css 字体排版规则 * grid.css 表格布局 * layout.css 布局 * form.css 表单 * general.css CSS常规设置下面是一些不错的CSS框架，推荐。 Elements CSS Framew...
[More]
- Posted by Admin on April 1, 2009
文章转自：http://www.yeeyan.com/articles/view/toydime/30047 简介当然，每个人都可以编写CSS代码，甚至你现在已经让它为你的项目工作了。但是CSS还可以更好吗？开始用这5个Tips改进你的CSS吧！1.重置首先，很认真的告诉你，总是要重置某些分类。无论你是使用 Eric Meyer Reset、YUI Reset或者你自己编写的重置代码，只要使用就对了。它能很简单的移除所有元素的填充（padding）和边距（margin）： html, body, div, h1, h2...
[More]