摘要： 注:1、 用父元素清子元素的方法: overflow:hidden; zoom:1;2、背景图片居中对齐样式方法/:url("../images/Mark.jpg") no-repeat scroll 5px center transparent "5px cente":表示左右3、IE6双倍bug： 当有float:left/right; margin-left:5px;在IE6下会产生双倍BUG ，须用_display:inline;(IE6的HACK)清浮动； 阅读全文

摘要： <a title="计算机应用技巧网" href="http://www.pcyyjs.com/">首页</a>这个标签起到注释作用，比如有一些站图片比较多，为了让用户知道图片的内容，适当使用注释是很有必要的； .search-box {background-position:0 -470px;height:27px;overflow:hidden;padding:2px;position:absolute;right:110px;top:18px;width:272px;}.search-box .input {border:0 阅读全文

摘要： 一个文本框旁边一个按钮是很经常用到的网页内容，比如搜索框等等，而如果旁边的按钮使用图像的话，他们竖直方向就很不容易对齐，即使使用 vertical-align、padding和margin等都不行（特别是在IE中，Firefox中使用vertical-align还可以）。例如有如下代码：<form><input type="text"name="foo"value="Test Field"/><input type="image"src="images/button.gif& 阅读全文

摘要： ，文字要包含在label标签中，并设置行高，否则文字会与文本框的顶 端对齐。文本框要设置vertical-align:middle;否则文本框与button顶端对齐。button中文字垂直居中，要设置高和行高，行高要小于高。 在不同浏览器中，CSS 文本域和按钮对齐的表现不尽相同。对 input 标记设定样式，代码如下：//HTML 代码<form><input type="text" name="textfield" id="textfield" /><input type="submit&q 阅读全文

摘要： <h1><span>CSS那些事儿</span></h1>h1{width:250px;height:80px;background-image:1556464jpg;}h1 span{ visibility:hidden;}/*设置sapn标签内的文字不可见，但在页面中占据其原本所占据的空间*/h1 span{ display:none}/*设置sapn标签内的文字不可见，不会在页面中占据其原本所占的位置*/ 阅读全文

摘要： 字体Font-family使用Arial, Hei, San-serif。 表示信息来源的文字，使用#008000字色；基本链接文字，使用默认字色#0000CC；表示次级/不重要链接的文字，使用#7777CC字色。所有的灰色文字均使用#666666字色。不要使用斜体字。 几套实用而简单的font-familyTahoma 系的中性字体。推荐使用在13px以上的环境。Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->font-family:Tah 阅读全文

摘要： 中文字体在 CSS 中的写法 我在写 CSS时， 中文字体的方法一般采用 font-family:"微软雅黑";这样类似的表达方式，但是对于UTF8 编码平台来说，一个不注意没有转换编码就会导致中文字体无法按照希望的字体表形出来。所以我们可以通过英文、unicode 这种形式来表达中文，比如说刚才的 font-family:"微软雅黑";就可以写成 font-family:"Microsoft Yahei"; 这样就可以了吗？其实在Firefox 的某些版本和 Opera 不支持 SimHei的写法，所以要采用font-family: 阅读全文

摘要： 选项框：中文输入框：按扭：单选项框：多选项框：密码输入框：图片按扭： 阅读全文

摘要： 表单表单是一个包含表单元素的区域。表单使用表单标签"<form> " 定义。 <form> ... input 元素 ... </form>输入文本域（Text Fields）<form>姓名: <input type="text" name="姓名" /><br />性别: <input type="text" name="性别" /></form>姓名: 性别: 阅读全文

摘要： 不同类型的无序列表：Disc 项目符号列表：苹果香蕉柠檬桔子 Circle 项目符号列表：苹果香蕉柠檬桔子 Square 项目符号列表：苹果香蕉柠檬桔子 不同类型的无序列表：数字列表：苹果香蕉柠檬桔子 字母列表：苹果香蕉柠檬桔子 小写字母列表：苹果香蕉柠檬桔子 罗马字母列表：苹果香蕉柠檬桔子 小写罗马字母列表：苹果香蕉柠檬桔子 阅读全文