当前位置:  编程技术>WEB前端

学习WEB标准总结的一些CSS/XHTML知识小结第1/3页

    来源: 互联网  发布时间:2014-10-04

    本文导语:  1、很多兼容性问题,是因为不同标签在不同浏览器下有着不同的 padding margin默认值。所以可以事先定义 代码如下:* { padding:0; margin:0;} 或者 代码如下:ul,li,h1,h2,h3,h4,h5,h6,p,table,td,div,img,hr,dd,dt,span,a,dt,dd,ol{margin:0;padding:0;font-size:...

1、很多兼容性问题,是因为不同标签在不同浏览器下有着不同的 padding margin默认值。所以可以事先定义
代码如下:

* { padding:0; margin:0;}

或者
代码如下:

ul,li,h1,h2,h3,h4,h5,h6,p,table,td,div,img,hr,dd,dt,span,a,dt,dd,ol{margin:0;padding:0;font-size:12px;}



2、关于布局,可以看dreamweaver cs3里的模板怎么写的,它的写法是最好的写法。大的布局,可以直接使用 dreamweaver cs3 里默认的那些模板。 然后去掉注释,就能用了。

3、适当的使用margin/padding,在调整box(盒子)中,元素位置的时候,使用box(盒子)的padding比较好。而不要使用,box内元素的margin。

原因是,box内元素使用margin的时候,会对box的margin产生影响,产生错位。

但在使用padding的时候注意一点: 比如本来 width:100px 的box,如果设置了padding-left:20px的话,那就要把width减去20px。

4、一个box,设置了border后,要把width减去border的粗。 比如width:100px 的box,左右有1px的边,那应该设置box width为98px。

5、在添加box的时候,能不给width和height的,尽量不给。

height可以靠内部的元素去撑开。

width不设置的话,一般默认就是100%宽。

6、同时给一个box设置背景图片和背景颜色的方法是,先设置背景图片,再设置背景颜色,代码如下:
代码如下:

.bg {background:url(/images/blbian.gif) no-repeat}
.style1 {width:100px;height:100px;background-color:#ebf1e5;}



7、当float:left之类的东西写的太多,影响到周围,或者下面的元素的时候,尝试使用clear:both去清除。

代码如下:



.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}


8、在进行如下设置的时候
,会产生兼容性问题。 ie6会出问题,你会发现,box不是3px高。
需要如下设置: font-size:1px; 才不会有问题。参考 dw cs3模板中 clearfloat中的写法,还会加上line-height:0px。不过我发现不加也是可以的。但加会更正规。

9、在给单行文字设置height的时候,要同时设置line-height。不然会有兼容性问题,文字会有小的错位。

10、使用ul li列表的时候,一定要给ul设置 list-style-type: none; 不然会产生兼容性问题。 ff下会出现原点,而ie下经常看不到。

    
 
 

您可能感兴趣的文章:

  • C# 全局变量的学习小结
  • C# 泛型数组学习小结
  • RMI使用学习 小结
  • SQL学习笔记三 select语句的各种形式小结
  • jsp base标签与meta标签学习小结
  • Bash Shell脚本学习小结
  • MySql的存储过程学习小结 附pdf文档下载
  • BASH 学习笔记小结
  • HTML 学习总结及下一步学习教程推荐
  • 学习mysql之后的一点总结(基础)
  • php 时间计算问题学习总结
  • C# 泛型数组实例学习与总结
  • 总结一周内学习的Sql经验(一)
  • MySQL触发器学习总结
  • C语言指针学习经验总结浅谈
  • 对PHP新手的一些建议(PHP学习经验总结)
  • jQuery学习总结之jQuery事件
  • 基于android startActivityForResult的学习心得总结
  • Oracle索引(B*tree与Bitmap)的学习总结
  • sql server触发器学习总结及自动编号的例子
  • 深入DropDownList用法的一些学习总结分析
  • C/C++ 多线程的学习心得总结
  • Jquery选择器学习总结
  • 有最近开始学习Minix的吗?一起来学习吧 iis7站长之家
  • 个人编程学习总结以及Linux开发方向和国内相应具体情况讨教?
  • 关于Hibernate的一些学习心得总结
  • CSS使用学习总结
  • Python subprocess模块学习总结
  • 函数指针与指针函数的学习总结
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 学习标准——笔记
  • Web标准学习资源(书籍、网站)推荐
  • PHP介绍及学习网站推荐
  • 想深入学习Java应该学习哪些东西
  • 准备学习docker: docker version命令查看版本
  • 新手提问:学习c++同时也想学习unix和linux
  • OpenStack相关学习资料搜集
  • 学习c后,学习pb,大家提点建议,谢谢哦
  • juqery的python实现:pyquery学习使用教程
  • 有最近开始学习Minix的吗?一起来学习吧
  • 我想问问哪里有AIX下啊!~版本越新越好!~我想拿来学习学习
  • 想找共同学习Linux的新手,一起学习,共同成长
  • 学习java好 还是学习嵌入式开发好??
  • 学习linux网络编程需要学习些内核知识吗?
  • 我想学习linux桌面编程,那么有没有必要学习linux的内核以及内核的相关编程呢?
  • 从Delphi开始学习Java,如何学习Java.欢迎大家的光临!
  • 请问学习JAVABEANS是不是就是学习java.beans.*类库??
  • 谁有 电子版 mastering ejb 2e 多谢!!及学习EJB 集合什么实例学习比较快一点?
  • 我想学习Unix,请高手给个下载网址,用linux来学习Unix差别大吗?
  • 你们学习Linux是学习什么的?
  • 我想问一个大家,我现在刚学习LINUX,我想问一下在LINUX学习哪些知识有前途???
  • unix下C++代码中如何进行数据库操作?给个完整代码学习学习
  • 学习Java是从基础知识开始学习好还是直接学习JBuilder好?


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3