- 1、本文档共32页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
-DW排版(第三节)剖析
在样式表定义一个样式的时候,可以定义id也可以定义class。 1、在CSS文件里书写时,ID加前缀#;CLASS用. 2、id一个页面只可以使用一次;class可以多次引用。 3、ID是一个标签,用于区分不同的结构和内容,就象名字,如果一个屋子有2个人同名,就会出现混淆;class是一个样式,可以套在任何结构和内容上,就象一件衣服; 4、从概念上说就是不一样的:id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。 目前的浏览器还都允许用多个相同ID,一般情况下也能正常显示,不过当你需要用JavaScript通过id来控制div时就会出现错误。 2、盒子模型 2、css权重(优先级) display:inline 1. 设置宽度width 无效。 2. 设置高度height 无效,可以通过line-height来设置。 3. 设置margin 只有左右margin有效,上下无效。 4. 设置padding 只有左右padding有效,上下则无效。注意元素范围是增大了,但是对元素周围的内容是没影响的 display:inline-block 简单来说就是将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。 5、IE浏览器的haslayout 兼容IE6、IE7、IE8浏览器,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:触发IE浏览器的haslayout解决ie下的浮动,margin重叠等一些问题。 加红色的那里就可以在IE6、IE7、IE8正常显示效果了。 css中的zoom的作用1、检查页面的标签是否闭合 不要小看这条,也许折腾了你两天都没有解决的 CSS BUG 问题,却仅仅源于这里。毕 竟页面的模板一般都是由开发来嵌套的,而他们很容易犯此类问题。快捷提示:可以用 Dreamweaver 打开文件检查,一般没有闭合的标签,会黄色背景高亮。 2、样式排除法 有些复杂的页面也许加载了 N 个外链 CSS 文件,那么逐个删除 CSS 文件,找到 BUG 触发的具体 CSS 文件,缩小锁定的范围。 对于刚才锁定的问题 CSS 样式文件,逐行删除具体的样式定义,定位到具体的触发样式定义,甚至是具体的触发样式属性。 3、模块确认法有时候我们也可以从页面的 HTML 元素出发。删除页面中不同的 HTML 模块,寻找到触发问题的 HTML 模块。 4、检查是否清除浮动其实有不少的 CSS BUG 问题是因为没有清除浮动造成的。养成良好的清除浮动的习惯是必要的,推荐使用 无额外 HTML 标签的清除浮动的方法(尽量避免使用 overflow:hidden;zoom:1 的类似方法来清除浮动,会有太多的限制性)。 5、检查 IE 下是否触发 haslayout很 多的 IE 下复杂 CSS BUG 都与 IE 特有的 haslayout 息息相关。熟悉和理解 haslayout 对于处理复杂的 CSS BUG 会事半功倍。推荐阅读 old9 翻译的 《On having layout》(如果无法翻越穿越伟大的 GFW,可阅读 蓝色上的转帖 )快捷提示:如果触发了 haslayout,IE 的调试工具 IE Developer Toolbar 中的属性中将会显示 haslayout 值为 -1。 6、边框背景调试法故名思议就是给元素设置显眼的边框或者背景(一般黑色或红色),进行调试。此方法是最常用的调试 CSS BUG 的方法之一,对于复杂 BUG 依旧适用。经济实惠还环保^^最后想强调一点的是,养成良好的书写习惯,减少额外标签,尽量语义,符合标准,其实可以为我们减少很多额外的复杂 CSS BUG,更多的时候其实是我们自己给自己制造了麻烦。希望你远离 BUG ,生活越来越美好。 6、简单的css3 CSS3,IE不再打酱油 标题有点夸张,实际上这里讲的是让 IE6、7、8 也支持一些常用 CSS3 属性,比如圆角(border-radius)、阴影(box-shadow)、背景渐变(linear-gradient)。虽然 IE678 不支持 CSS3 属性,但微软还是给自己留了后路——VML向量绘图技术。维基百科可以看到:Vector Markup Language(VML)是一种XML语言用于绘制向量图形(vector graphics)。1998年VML建议书由微软、Macromedia等向W3C提出审核。VML 遭到拒绝,因为Adobe、Sun等提出了 PGML 计划书。这两套标准后来合并成更具潜力的SVG。 尽管VM
您可能关注的文档
- 20111110第12章并购与公司控制权市场.ppt
- (详细)高压隔离开关与高压负荷开关.ppt
- (轻金属冶金学1-3)镁冶金学第三讲----粗镁精炼.ppt
- (轻金属冶金学1-2)镁冶金学第二讲----热还原法的原理与过程.ppt
- (语文S版)三年级语文上册_孩子考科学家_1.ppt
- (通用版)2016高考生物二轮复习第二部分高分提能策略一高考热点题型冲刺(二)坐标曲线类.ppt
- (语文S版)三年级语文上册课件-孩子考科学家-2剖析.ppt
- 20111108第11章:股利理论与政策.ppt
- (通用版)2016高考英语二轮复习考题研究突破6种热考题型6以有机合成为主线的有机化学基础综合考查.ppt
- (通用版)2016高考地理二轮复习第一部分专题九环境问题与可持续发展(含选修6).ppt
最近下载
- 跨越架搭设施工合同.docx
- 2023年二季度医疗质量管理委员会会议记录.docx VIP
- 北师大版(2019)必修第一册 Sports and Fitness Writing Workshop A True Story 课件(共23张PPT)).pptx VIP
- 6MW屋顶分布式光伏电站项目可研报告.docx
- 2024年学校食堂食品安全风险隐患排查整治记录表.docx
- 叶是光合作用的主要器官.ppt
- 活动一 影子变变变(课件)蒙沪版二年级上册综合实践活动.pptx
- 2024-2025学年初中综合实践活动九年级第二学期沪科版(贵州专用)教学设计合集.docx
- 统编版小学语文六年级上册质量检测卷.pdf
- 人民医院高额病例异常住院费用病例核查方案.docx
文档评论(0)