|
摘要：
如果你是一个使用div标签做任何事的家伙，那么这篇文章将对你十分有益。该问重点讲述了如何通过使用富有语义的标签和最少的div标记来编写干净的html代码。你是否曾经也试图去修改别人的一些html模板，那么你一定会被代码里那些肮脏的标签所抓狂。编写干净的html代码，不仅对你自己有益，而且对你的团队也有益。他将大大地节约了你的开发与错误调试时间（特别是比较大的一些项目）。1.去除不必要的div标签：我曾经看到好多的人将form和ul标签都包含在了div标签内。为什么要写一个不必要的标签呢。你可以给适当的选择器赋予css规则，这样也可以达到同样的效果。例子一：下面的列子将展示给你如何删除多余的di 阅读全文
posted @ 2011-05-22 21:07
阿彌陀佛
阅读(252)
评论(0)
推荐(0)
摘要：
这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章，题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点，看过以后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体放大的功能，而国外大多数网站都可以在IE下使用。因为1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位；3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)em是 阅读全文
posted @ 2011-05-22 20:56
阿彌陀佛
阅读(231)
评论(0)
推荐(0)
摘要：
absolute与relative怎么区分，怎么用？我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么样的特性，可以做出什么样的效果呢？关于两者之间又有什么样的技巧呢？下面我们就来一一解读。Absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定positio 阅读全文
posted @ 2011-05-22 20:54
阿彌陀佛
阅读(278)
评论(0)
推荐(0)
摘要：
从网上整理了一些浏览器兼容的css方法，兼容IE6\IE7\IE8\Chrome\firefox等主流浏览器。div类1. 居中问题div里的内容，IE默认为居中，而FF默认为左对齐可以尝试增加代码margin:auto2. 高度问题两上下排列或嵌套的div，上面的div设置高度(height)，如果div里的实际内容大于所设高度，在FF中会出现两个div重叠的现象；但在IE中，下面的div会自动给上面的div让出空间所以为避免出现层的重叠，高度一定要控制恰当，或者干脆不写高度，让他自动调节，比较好的方法是 height:100%;但当这个div里面一级的元素都float了的时候，则需要在di 阅读全文
posted @ 2011-05-22 16:37
阿彌陀佛
阅读(588)
评论(0)
推荐(0)
摘要：
button按钮，如果文字太多的话，左右两边留白也会很多，这样很不美观，而且是每个浏览器左右留白的宽度不一，那么我们就用一个简单的css来解决这个问题，精益求精吗！html<!DOCTYPE html><html><head><meta charset="utf-8" /><style>*{padding:0; margin:0}input,button{overflow:visible;padding:0;}</style></head><body><form id=&q 阅读全文
posted @ 2011-05-22 16:28
阿彌陀佛
阅读(758)
评论(0)
推荐(0)
摘要：
CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误： 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 Webjx.Com 2. 检查CSS是否正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。 阅读全文
posted @ 2011-05-22 16:26
阿彌陀佛
阅读(132)
评论(0)
推荐(0)
摘要：
一般情况下：[内联样式 [1.0.0.0] > [4位特殊性标志] > 声明先后顺序内联样式 > ID选择器 > 类，属性，伪类 选择器 > 元素标签，伪元素 选择器[1.0.0.0] [0.1.0.0] [0.0.1.0] [0.0.0.1]!important > [ id > class > tag ]使用!important可以改变优先级别为最高，其次是style对象，然后是id > class >tag ，另外，另外在同级样式按照申明的顺序后出现的样式具有高优先级。先来看下!important 这个诡异的东西。1<st 阅读全文
posted @ 2011-05-22 16:25
阿彌陀佛
阅读(190)
评论(0)
推荐(0)
|
浙公网安备 33010602011771号