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

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

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

本文主要包含div css是什么,div css是什么意思,css中div是什么意思,div css布局是什么,div css网页模板等相关知识,佚名 希望在学习及工作中可以帮助到您

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是比较常用的两种编码方式。

</div>

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

  • div+css最小高度的设置方法兼容各浏览器ie6+/Firefox
  • div css 实现tabs标签的思路及示例代码
  • 什么是DIV+CSS?有哪些优势?
  • div+css最小高度的实现代码(兼容ie6/ie7/ie8/firefox)
  • div+css是网页排版技巧分享
  • DIV+CSS常见问题的14条原因分析
  • DIV+CSS的叫法是不准确的
  • 10个DIV+CSS需要注意的问题
  • Div+CSS 规则整理 提高效率
  • div css 鼠标悬停在div层上时,div背景色改变

相关文章

  • 2017-06-02CSS 语义化标记抛弃DIV标记
  • 2017-09-02用django配置网站
  • 2017-06-02用HTML+CSS制作邮件网页的技巧总结
  • 2017-06-02css教程实现div背景色渐变色代码分享
  • 2017-06-02DIV CSS制作的个性水平导航菜单实例
  • 2017-06-02元素及文本的水平居中/垂直居中/绝对居中总结
  • 2017-06-02学习DIV+CSS网页布局之三列布局
  • 2017-06-02IE6 两个div有间隙的问题(IE 3px bug)
  • 2017-06-02Div+Css实现屏蔽效果
  • 2017-06-02font-size定义为0在IE6下的妙用

文章分类

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

最近更新的内容

    • 设置DIV最小高度以及高度自适应随着内容的变化而变化
    • 多步骤进度条的实现原理及代码
    • css中文字加图片的布局实现
    • 实现DIV层内的文字垂直居中(单行文字/多行文字)
    • 解析width:100%;与width:auto;的区别
    • CSS 语义化标记抛弃DIV标记
    • 用div css模拟表格对角线
    • 在固定大小DIV层插入N个图片使其一行排列
    • li标签的position:absolute与relative案例应用
    • 仿Word自动套用格式使用CSS设置表格样式实例

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

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