`
cindylu520
  • 浏览: 147461 次
  • 性别: Icon_minigender_2
  • 来自: 大连
社区版块
存档分类
最新评论

试读《精彩绝伦的CSS2》

 
阅读更多

      这本书的试读章节只有第一章,我个人感觉并没有说到很核心的东西。那么就第一章来说,主要介绍了写CSS的工具。前面那本书我就说过,我是做PHP的。所以对前台的东西多少都得有点了解。在以往的项目中我也接触过CSS,当然更是使用了书中所介绍的工具firebug。

 

      那就结合我自己的工作经验来说说firebug,也许对CSS核心的东西没有什么涉及,但是熟练的工具使用,也是开发人员的必备武器。

 

      F12打开firebug,在HTML选项卡左侧战士的是文档结构,单机剪头可以展开或者收缩文档的子结构。当把鼠标悬停在某个元素名上时,钙元素会在页面中突出显示。最神奇的是,它还可以显示彩色区域并利用不同色彩展示元素的内边距和外边距。在选项卡的右侧,可以通过单击STYLE选项卡查看应用在当前元素上的CSS。这里不仅包含你自己写的央视,还包含浏览器自身的内建样式。文件html.css quirk.css这两个文件的内容,就是内建样式。

 

      我们需要注意的是,style选项卡中列出的规则是按特殊性降序排列的,也就是说,第一个是应用在当前元素上最特殊的规则,第二个是特殊性稍低一点的规则,以此类推。

通过随时单击鼠标右键并在弹出的菜单中选择审查元素选项可以直接查看任何元素,也可以单击firebug图标旁边带箭头的方框图标切换到审查模式。此时,随着鼠标在页面上的移动,当前元素会显示出轮廓,单击元素可进行查看。

 

      在fireb中单击任何声明左侧的空白都可以禁用该声明,这种禁用声明的方式对于测试各个属性之间的相互作用非常有用。

 

      通过查看元素的盒模型部分,可以精确的查看元素的尺寸大小,如元素的宽、高、内边距和外边距等,这些都是用像素表示的。更酷的是当鼠标悬停在该面板中的框上时,页面上就会出现沿着元素外框的上边缘和左边缘放置的像素尺。

 

      firebug在工作中是我必不可少的工具,至于书中提到的Web Developer Toolbar我没用过,可以按起来试试,不过应该是差不多的功能。

分享到:
评论

相关推荐

    留级跟班试读申请书参考精选.doc

    2. **学籍管理规定**: - 学生的学籍处理遵循特定的规章制度,如《南昌大学科学技术学院学分制学生学籍治理施行细则(修订)》和《安徽建筑工业学院学生治理规定》。这些规定明确了留级和试读的具体条件和操作流程...

    HTML5+CSS3+JS入门教程 + 源代码 pdf

    2. CSS3的基本选择器、布局模型和动画效果:掌握如何定义样式,实现响应式布局,以及创建动态效果。 3. JavaScript基础:了解变量、数据类型、控制流程、函数等概念,以及DOM操作和事件处理。 4. JavaScript进阶:...

    留级跟班试读申请书参考.doc

    留级跟班试读申请书参考.doc

    sunxin-Struts2试读

    本试读资料可能包含了Struts2的基础概念、核心组件以及实际应用的初步介绍。 在`ch01.pdf`中,可能会详细讲解Struts2的基础知识,包括它的历史背景、为什么选择Struts2,以及Struts2框架相较于其他MVC框架的优势。...

    The.Book.of.CSS3-CSS3专业网页开发指南 中文高清完整版pdf 带详细书签

    文件已上传到百度网盘,附件中是下载地址。真正免积分免费完整版,绝不出现仅... The.Book.of.CSS3-CSS3专业网页开发指南 (英)peter gasston(著) | 李景媛;吴晓嘉(译) | 人民邮电出版社 | 9787115342959 | 2014-03-01

    玩到极致Android手机让你不一样(目录试读)

    资源名称:玩到极致 Android手机让你不一样(目录试读)书本内容简介: 《玩到极致Android手机让你不一样》主要内容简介:对于刚入手Android(安卓)手机的人来说,这款界面时尚、功能强大的智能手机操作系统,又...

    软件性能测试与LoadRunner实战试读

    《软件性能测试与LoadRunner实战试读》是针对IT专业人士,特别是测试人员的一份宝贵资源。LoadRunner是一款业界广泛使用的性能测试工具,由HP(现为Micro Focus)开发,它能够模拟大量用户并发操作,帮助识别系统在...

    HTML与CSS入门经典

    通过阅读《HTML与CSS入门经典》第9版的试读版,你可以了解到这些基本概念和实践技巧。结合书中实例,逐步实践,你将能够创建出有吸引力且易于阅读的网页。继续深入学习,掌握更多的高级特性,你将具备专业Web设计师...

    ITeye 2月技术图书有奖试读活动——已结束

    #### 2. 批判性思维的三个重要方面 - **关键问题意识**:识别一系列相关联的问题,并在分析信息时不断地提出这些问题。 - **提出和回答问题的能力**:不仅要能提出问题,还要能够根据问题去寻找答案,并通过答案来...

    软件小设计试读样章

    根据提供的信息,我们可以深入挖掘与“软件小设计试读样章”相关的专业知识点。此章节旨在探讨软件设计的核心概念,并通过实例分析来帮助读者更好地理解软件设计的基本原理和技术要点。 ### 软件设计的经典原则 ##...

    UNIX编程艺术1~3试读

    《UNIX编程艺术》主要介绍了Unix系统领域中的设计和开发哲学、思想文化体系、原则与经验,由公认的Unix编程大师、开源运动领袖人物之一Eric S.Raymond倾力多年写作而成。包括Unix设计者在内的多位领域专家也为...

    asp.net 设计模式样章试读

    - **第2章**:提供了一种实用的方法来解析设计模式,包括如何使用模式模板以及如何通过设计模板来理解和应用GoF设计模式。 - **第二部分**:深入探讨如何在ASP.NET应用程序的不同层次上应用设计模式和原则,包括...

    游戏设计梦工厂试读样章

    根据提供的文件信息,内容涉及到游戏设计领域的一本重要著作《游戏设计梦工厂试读样章》,并且提到了游戏设计大师陈星汉及其恩师Tracy Fullerton的作品,以及相关的版权信息和出版社信息。以下是对这些信息的详细...

    Android移动性能实战试读文章

    2. **UI性能优化**:Android应用的用户界面(UI)流畅性直接影响用户体验。试读文章可能讲解了如何使用布局分析器和GPU过度绘制工具来识别并优化UI渲染性能,包括减少视图层次、优化动画效果和适时使用异步加载。 3...

    读秀试读页下载软件DX_down15,方便好用

    "读秀试读页下载软件DX_down15"是一款专为读秀平台设计的辅助工具,旨在帮助用户更轻松地获取读秀平台上的试读页面内容。读秀是一个大型的在线数字图书馆,拥有丰富的电子书资源,用户可以在线阅读部分章节,但通常...

    前端面试江湖试读样章

    2. **框架与库**: - React中的虚拟DOM是什么?它如何提高渲染效率? - Vue的特点有哪些?它是如何实现响应式的? - Angular与Vue、React的主要区别是什么? 3. **算法与数据结构**: - 如何实现一个简单的排序...

Global site tag (gtag.js) - Google Analytics