关闭

关闭

关闭

封号提示

内容

首页 dreamweaver网页设计系列:div+css使用技巧(原创教程).doc

dreamweaver网页设计系列:div+css使用技巧(原创教程).doc

dreamweaver网页设计系列:div+css使用技巧(原…

上传者: 木质音乐盒_ 2017-09-18 评分 0 0 0 0 0 0 暂无简介 简介 举报

简介:本文档为《dreamweaver网页设计系列:div+css使用技巧(原创教程)doc》,可适用于IT/计算机领域,主题内容包含dreamweaver网页设计系列:divcss使用技巧(原创教程)divcss是网页排版中不可或缺的在这里总结了一下工作中遇到的一些这方面的问题以符等。

dreamweaver网页设计系列:divcss使用技巧(原创教程)divcss是网页排版中不可或缺的在这里总结了一下工作中遇到的一些这方面的问题以及这些问题的解决方法在这里一起与大家分享(*^^*)嘻嘻……ul方面的问题:默认的ul的margin和padding不是如果在导航中用到了左浮动的li往往会把外部的div撑大导致页面变形这就需要我们在写代码的时候不要忘记ul{margin:pxpadding:px},img方面的问题:这里牵涉的不同浏览器的问题ie是一直让网页设计师最头疼的一个问题关于图片这里有一个小小的问题有时ie里显示的图片height总是要大于准确值这里就需要我们记住下面这一点img{display:block}overflow方面问题:有时我们会看到一些公司的注册协议都是好长好长的但又不能把页面拉的太长这就用到了overflow我们可以把div的style里加上这个:overflow:auto小窗口弹出的问题:当我们点击某个按钮可能会看到一个小窗口弹出而窗口其它的部分都变了灰色这是怎么实现的呢其实很简单divcss就可以实现:css部分:blackoverlay{display:noneposition:absolutetop:left:width:height:backgroundcolor:blackzindex:mozopacity:opacity:filter:alpha(opacity=)}whitecontent{display:noneposition:absolutetop:left:width:outobackgroundcolor:whitezindex:overflow:auto}whitecontent{display:noneposition:absolutetop:left:width:pxbackgroundcolor:whitezindex:overflow:autotextalign:center}qpshcom{backgroundcolor:#efefefcolor:#borderwidth:pxbordercolor:#ccccccborderstyle:solidmargin:pxpadding:pxfontsize:pxlineheight:float:midden}div部分:打开按钮部分:onclick="documentgetElementById('light')styledisplay='block'documentgetElementById('fade')styledisplay='block'"关闭按钮部分:onclick="documentgetElementById('light')styledisplay='none'documentgetElementById('fade')styledisplay='none'"关于float的问题:有时候一些div会挤到页面的上方把页面挤破掉这里可能就是浮动引起的这时候我们就用到了这个:clear:both很不错的解决方法不妨一试。height等于px的div在ie中可能并不是px那怎么解决呢,不妨试一下:在这个div的style里加上fontsize:px这样就ok了。下面再说一下id和class的问题:当一个div要在页面中多次使用时不要用id要用class还有就是要用引用js的时候样式最好不要用id因为id要留给js使用当程序员写后台用的是net时最好不用用idid要留给程序员用前台我们就用class好了。还是img问题页面中最好不要用大块背景能平铺的要平铺否则加载起来会很慢也不利于以后的优化和扩展当然也有些大的网站现在都尽量把背景统一放到一张图片上用backgroundpostion来取得背景这样其实也好背景虽然大了点但只需统一加载一次就ok了速度也不会太慢可以好好学习一下。img的格式问题:最好的格式就是gif格式即确保了背景透明在ie中又不会有阴影有时gif图片会有锯齿这就需要我们保存成web格式设置一下mattermatter的值用背景颜色的值越相近越好。(当然有时迫不得已png的图片也会用到这时就需要另外想办法了前面我也曾提到过大家不妨一看)链接问题:link:link{}link:visited{}link:hover{}link:active{}有一点visited与hover的顺序一定不能倒换否则ie中会大大的问题。css编码问题:charset""注意这行代码与g把gb是比较常用的两种编码方式。

用户评论(0)

0/200

精彩专题

上传我的资料

每篇奖励 +2积分

资料评价:

/5
0下载券 下载 加入VIP, 送下载券

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部