仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 977|回复: 8
打印 上一主题 下一主题

[DIV+CSS] CSS教程之破洛洛搜集CSS兼容性技能年夜全(一)

[复制链接]
不帅 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:17:10 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
破洛洛文章简介:CSS对扫瞄器的兼容性偶然让人很头疼,也许当你懂得傍边的技能跟道理,就会以为也不是难事,从网上搜集了IE7,6与Fireofx的兼容性处置技能并收拾了一下。关于web2.0的过分,请只管用xhtml格局写代码,并且DOCTYPE影响CSS处置,作为W3C的尺度,必定要加DOCTYPE声明。
  CSS对扫瞄器的兼容性偶然让人很头疼,也许当你懂得傍边的技能跟道理,就会以为也不是难事,从网上搜集了IE7,6与Fireofx的兼容性处置技能并收拾了一下。关于web2.0的过分,请只管用xhtml格局写代码,并且DOCTYPE影响CSS处置,作为W3C的尺度,必定要加DOCTYPE声明。
  CSS技能
  1.div的垂直居中成绩
  vertical-align:middle;将行距增添到和全部DIV一样高line-height:200px;然后拔出笔墨,就垂直居中了。弱点是要把持内容不要换行
  2.margin更加的成绩
  设置为float的div在ie下设置的margin会更加。这是一个ie6都存在的bug。办理计划是在这个div内里加上display:inline;
  比方:
  <#divid=”imfloat”>
  响应的css为
  #imfloat{
  float:left;
  margin:5px;/*IE下了解为10px*/
  display:inline;/*IE下再了解为5px*/}
  3.浮动ie发生的双倍间隔
  #box{float:left;width:100px;margin:000100px;//这类情形之下IE会发生200px的间隔display:inline;//使浮动疏忽}
  这里细说一下block与inline两个元素:block元素的特性是,老是在新行上入手下手,高度,宽度,行高,边距都能够把持(块元素);Inline元素的特性是,和其他元素在统一行上,不成把持(内嵌元素);
  #box{display:block;//能够为内嵌元素摹拟为块元素display:inline;//完成统一行分列的效果diplay:table;
  4IE与宽度和高度的成绩
  IE不认得min-这个界说,但实践上它把一般的width和height看成有min的情形来使。如许成绩就年夜了,假如只用宽度和高度,一般的扫瞄器里这两个值就不会变,假如只用min-width和min-height的话,IE上面基本即是没有设置宽度和高度。
  好比要设置背景图片,这个宽度是对照主要的。要办理这个成绩,能够如许:
  #box{width:80px;height:35px;}html>body#box{width:auto;height:auto;min-width:80px;min-height:35px;}
  5.页面的最小宽度
  min-width是个十分便利的CSS命令,它能够指定元素最小也不克不及小于某个宽度,如许就可以包管排版一向准确。但IE不认得这个,而它实践上把width当作最小宽度来使。为了让这一命令在IE上也能用,能够把一个
放到标签下,然后为div指定一个类,然后CSS如许计划:
  #container{min-width:600px;width:expression(document.body.clientWidth<600?"600px":"auto");}
  第一个min-width是一般的;但第2行的width利用了Javascript,这只要IE才认得,这也会让你的HTML文档不太正轨。它实践上经由过程Javascript的判别来完成最小宽度。
  出处:web前端北风
  义务编纂:bluehearts
</p>
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
海妖 该用户已被删除
沙发
发表于 2015-1-17 21:28:01 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
灵魂腐蚀 该用户已被删除
板凳
发表于 2015-1-26 23:05:21 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
若天明 该用户已被删除
地板
发表于 2015-2-5 06:59:43 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
第二个灵魂 该用户已被删除
5#
发表于 2015-2-11 08:18:24 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
飘飘悠悠 该用户已被删除
6#
发表于 2015-3-2 03:44:39 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
小妖女 该用户已被删除
7#
发表于 2015-3-11 04:45:04 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
因胸联盟 该用户已被删除
8#
发表于 2015-3-17 22:16:23 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
谁可相欹 该用户已被删除
9#
发表于 2015-3-25 10:10:06 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-8 21:40

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表