• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > div+css是网页排版技巧分享

div+css是网页排版技巧分享

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含网页排版等相关知识,佚名 希望在学习及工作中可以帮助到您

1,ul:默认的ul的margin和padding不是0,如果在导航中用到了左浮动的li,往往会把外部的div撑大,导致页面变形,改成: ul{margin:0px; padding:0px;}

2、img:1、这里牵涉的不同浏览器的问题,ie6里显示的图片height总是要大于准确值,这里就需要我们记住下面这一点 img{ display:block};2、页面中最好不要用大块背景,能平铺的要平铺,否则加载起来会很慢,也不利于以后的
优化和扩展,当然也有些大的网站,现在都尽量把背景统一放到一张图片上,用background-postion来取得背景。3、最好的格式就是gif格式,即确保了背景透明,在ie6中又不会有阴影,有时gif图片会有锯齿,这就需要我们保存成web格式,设置一下matter,matter的值用背景颜色的值越相近越好。

3,overflow:有时一些公司的注册协议都是很长,这就用到了overflow,可以把div的style里加上这个:overflow:auto

4,float:有时候一些div会挤到页面的上方,这里可能就是浮动引起的,可以加上clear:both。

5,div:height等于1px的div,在ie6中可能并不是1px,在这个div的style里加上font-size:1px;这样就ok了。

6,id和class:当一个样式在页面中多次使用时,不要用id,要用class,要使用js的时候,样式最好不要用id,因为id要留给js使用。

7,link:.link:link{}、.link:visited{}、.link:hover{}、.link:active{}。有一点,visited与hover的顺序一定不能倒换,否则ie6中会大大的问题。

8,css编码问题:@charset "utf-8";注意这行代码,utf-8与g把gb2312是比较常用的两种编码方式。

您可能想查找下面的文章:

相关文章

  • 2017-08-06空心三角形的简单实现(必看篇)
  • 2017-08-06CSS haslayout 彻底了解
  • 2017-08-06div设置背景图片且x轴重复排列的css样式
  • 2017-08-06CSS各种居中布局方法汇总
  • 2017-08-06使用before和:after伪类制作css3圆形按钮
  • 2017-08-06通过margin:0px auto来实现一列固定宽度居中
  • 2017-08-06使用CSS绘制基础的对话框图案的代码示例
  • 2017-08-06CSS3中使用RGBa来调节透明度的教程
  • 2017-08-06CSS3 简写animation
  • 2017-08-06CSS实现带阴影效果的黑色导航菜单效果

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • CSS 柱状图实现代码其实很简单
    • CSS水平居中总结(新手必看篇)
    • 知识普及:彻底搞懂CSS中单位px和em,rem的区别
    • 利用CSS3实现圆角的outline效果的教程
    • IE6/7 and IE8/9(Q)中td的上下padding失效的解决方法
    • IE6 div最小高度去除方法以及IE6div垂直居中css样式
    • 使用CSS的position属性控制页面布局的入门教程
    • css overflow溢出隐藏(文字溢出时的自动隐藏处理)
    • css 图片变黑白效果 使用CSS将图片转换成黑白的
    • ie6下position:absolute不显示问题解决方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有