首页 | 软件中心 | Designand Inspiration
读库教程网 > 网络教程 > 网站建设 > Css > 实用的CSS网页布局25个小技巧

实用的CSS网页布局25个小技巧

添加:2009年12月19日

  1、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。

  2、同一个的class挑选符可以在一个文档中重复出现,而id挑选符却只能出现一次;对一个标签同时运用class和id执行CSS解释,如果解释有重复,id挑选符做的解释有效,是因为ID的权值要比CLASS大。

  3、一个兼容性调整(IE和Mozilla)的笨方法:初学可能会碰到这样一个情况:同样一个标签的属性在IE配置成A显示是正常的,而在Mozilla里必须要设成B才能正常显示,或者两个倒过来。

  临时处理要领:挑选符{属性名:B !important;属性名:A}

  4、如果一组要嵌套的标签之间须要些间距的话,那就留给位于里面的标签的margin属性吧,而不要去解释位于外面的标签的padding

  5、li标签前面的图标推选运用background-image,而不是list-style-image。

  6、IE分不清继承联系和父子联系的差别,全部都是继承联系。

  7、在给你的标签疯狂加挑选符的时候,别忘了在CSS里给挑选符加上注释。 等你以后修改你的CSS的时候就知晓为什么要这么做了。

  8、如果你给一个标签配置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再配置一个深色调的背景颜色。

  9、解释链接的四种状态要留心先后顺序: Link Visited Hover Active

  10、与内容无关的图片请运用background

  11、解释颜色可以缩写#8899FF=#89F

  12、table在某些方面比其它标签表现的要好的多。请在须要列对齐的地点用它。

  13、<script>没有language这个属性,应该写成这样:

  以下是引用片段:

  <script type=”text/javascript”>

  14、标题是标题,标题的文字是标题的文字。有时候标题不一定须要显示文字,所以 以下是引用片段:

  <h1>标题内容</h1> 改成 <h1><span>标题内容</span></h1>

  15、圆满的单象素外框线表格(在IE5、IE6、IE7及FF1.0.4以上中均可通过测试) 以下是引用片段:

  table{border-collapse:collapse;}

  td{border:#000 solid 1px;}

  16、margin取负值可以在标签运用绝对定位的时候起到相对定位的作用,在页面居中显示时,运用绝对定位的层不适合运用left:Xxpx这个属性。把这个层放到一个要相对定位的标签旁,然后运用margin的负值是个好要领。

  17、绝对定位时运用margin值定位可以达到相对于本身所在位置的定,这与top,left等属性相对与窗口边缘的定位不同。绝对定位的优势在于可以让其它元素忽略它的存在。

  18、如果文字过长,则将过长的部分变成省略号显示:IE5,FF无效,但可以潜藏,IE6有效

  <DIV STYLE=”width:120px;height:50px;border:1px solid blue;overflow:hidden;text-overflow:ellipsis”>

  <NOBR>就是比如有一行文字,很长,表格内一行显示不下.</NOBR>
本内容共3页,当前第1页123

读库教程网文章由网络收集后整理发布,文章发布人拥有该内容的所有权力及责任!

如果你喜欢这页,可以按Ctrl+D收藏起来。

相关内容
上一个内容:纯CSS圆角框之第四章、CSS圆角框组件V.0
下一个内容:没有了
相关评论
公益广告
精彩推荐
友情链接: 百分百青年 | 烛光信息网 | 夏布新网 | 新育互联网
管理员:QQ:27038219, E-mail:27038219@qq.com今日更新
读库教程网所有文章从网络收集所发布,文章发布人拥有该内容的所有权力及责任,转载时请注明出处!
Template designed by www.dkuu.com. Optimized for 1024x768 to Firefox,Opera and MS-IE6/IE7.