《精通CSS与HTML设计模式》学习笔记1

1、css的主要内容

  1) css的常用属性主要有45种
  2) html的四种元素:内联(inline)、内联块状(inline-block)、块状(block)、表格
  3) CSS的五种定位方式:静态、相对、绝对、固定、浮动
2、css的优先顺序(从高到低)
  1) 使用!inportant的规则
  2) 嵌在style属性里的规则
  3) 使用ID选择符的规则
  4) 使用类、属性或伪类的规则
  5) 使用元素选择符的规则
  6) 只有通配选择符(*)的规则
3、html元素分类
  1)结构化元素

    核心的结构化元素:<html>、<head>、<body>
  2)块状元素
    分为三类:表结构块状元素、终端块状元素、多目标块状元素
    a.表结构块状元素:
          有四种主要的表结构块状元素:
             <ol> :有序列表,列表项元素<li>
             <ul> :无序列表,列表项元素<li>
             <dl> :定义列表,包含多个词汇<dt>和定义<dd>
             <table>:表格数据结构,包含行<tr>和单元格<th>、<td>;标题行<thead>、表尾<tfoot>
        有九个支持表结构化的元素:<li> <dt> <dd> <caption> <thead> <tbody> <colgroup> <col>
    b.终端块状元素: 是文档块状结构的终端节点,不能包含块状元素,只能包含文本和内联元素
            <h1>...<h6> : 标题
            <p> : 段落
            <dt> : 定义词汇
            <caption> : 表格标题
           <address> : 联系记录
           <blockquote> : 块状引用

    c.多目标块状元素:

           既可以包含块状元素也可以包含内容(内容是指文本与内联元素的组合),但是不能同时包含两种。  应当把内容放在块状元素之中而不是放在它们之间(这种情况称为混合内容)。    当出现混合内容时,浏览器会给内容套上一个匿名容器。

              <div>:
              <li>:
              <dd>:
              <td><th>:
              <form>:
            以上这些元素以结构化的方式使用时,就拥有结构化的内涵;当以终端的方式使用它就拥有语义化的内涵。
              这些元素只包含内容时就相当于终端的块状元素。

   3)内联元素:本身就是内容。
    分为四类:语义元素、排列顺序元素、可替代元素、控制元素
    a.语义元素:用于识别内容的含义,包括的元素主要有:
         用于定义内容相对重要性的3 种语义化的内联元素:<span>、<em>、<strong>
          其它的语义元素按所包含内容来分类:
              . 短语内联元素  <a> <cite> <code> <kbd> <samp> <var>
             . 单词内联元素  <abbr> <dfn>
              . 字符内联元素  <sub>  <sup>
            HTML为每个语义化的内联元素赋予了默认的样式。
    b.排列顺序元素:控制元素之间的排列顺序,主要元素是<br/>
    c.可替代元素:可用对象进行替代,主要元素是<img>、<object>
    d .控制元素:是一些可用于输入数据的对象,主要元素是<input>、<textarea>、<select>、<button>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
全书pdf 210M, 共分9个分卷, 这是第8分卷 中文名: 精通CSSHTML设计模式 英文名: Pro CSS and HTML Design Patterns 资源格式: PDF 版本: 中文版高清扫描版&英文版 发行时间: 2008年9月 地区: 大陆,美国 语言: 简体中文,英文 简介: 本书是一部非常实用的CSSHTML(XHTML)解决方案手册。书中包含了350 多种可以立即使用的设计模式(涉及文本、背景、边框、图片、表格、布局等多方面),并介绍了每种模式的原理和使用。每种设计模式、示例和源代码都经过了精心设计,易于实现和使用。通过阅读此书,可大大提高读者在Web 设计和开发中的效率和创造力。 本书结构清晰,示例丰富,实践性强,适用于所有Web 开发和设计人员。 编辑推荐 Amazon盛誉图书,业界专家十余年功力结晶,参透CSSHTML,350多种可以立刻用于实战的设计模式,Web设计与开发人员的必备参考书。 “不管你是什么水平的开发人员,本书都是必备的参考书。”          ——Jonathan Snook。著名web程序员,The Art andScience of CSS一书作者  “我太喜欢这本书了。事实上我买了两本。一本放在公司,一本放在家里……本书讲解非常系统,既值得通读,也是绝佳的参考书……赶紧买一本好好研读吧。”             ——JavaRarlch.com 由于浏览器不兼容、缺乏开发环境支持等因素。Web开发至今仍然是一项难言轻松的工作。事实上,为了简化Web开发,全球广大程序员已经开发了各种技术、众多框架和库,甚至出现五花八门的旁门左道。但是。“银弹”并没有出现。 本书中。Web开发专家MlchaeI Bowers通过350多种设计模式总结了自己多年的Web开发经验,并详细讲解了每种模式的工作原理。每种设计模式、示例和源代码都经过了精心设计,可以很方便地在实际项目中使用。本书既是一部优秀的教程。可以系统而深入地学习CSSHTML;也是不可或缺的参考书,可以大大提高你在Web设计和开发中的效率和创造力。 作者简介 Michael Bowers,资深Web开发专家,有18年专业软件开发经验。曾经作为首席软件工程师和架构师开发过各种项目,包括许多网站、应用程序框架、编译器、自定义语言,自动化工厂和销售管理系统。他拥有音乐理论硕士学位,是一名优秀的钢琴家。 图书信息: 书名:精通CSSHTML设计模式 (Pro CSS and HTML Design Patterns) 作者:[美]Michael Bowers 著,刘申 朱瑜敏 鲁奇 译 出版社:人民邮电出版社 出版日期:2008年9月 ISBN:978-7-115-18553-2 页数:479页 定价:¥69.00 扫描:400DPI,黑白 这本书因为是奇偶页左右对照看的,所以直接扫描双页,没有拆分。 目录: 第1章 设计模式:轻松搞定CSS! 第2章 HTML设计模式 第3章 CSS选择符与继承 第4章 盒模型 第5章 盒模型的尺寸 第6章 盒模型的属性 第7章 定位模型 第8章 定位:缩进、偏移与对齐 第9章 定位:进阶 第10章 为文本赋予样式 第11章 分割内容 第12章 对齐内容 第13章 块状元素 第14章 图片 第15章 表格 第16章 列布局 第17章 布局 第18章 字母下沉 第19章 强调框和引用 第20章 提示框 索引...
全书pdf 210M, 共分9个分卷, 这是第3分卷 中文名: 精通CSSHTML设计模式 英文名: Pro CSS and HTML Design Patterns 资源格式: PDF 版本: 中文版高清扫描版&英文版 发行时间: 2008年9月 地区: 大陆,美国 语言: 简体中文,英文 简介: 本书是一部非常实用的CSSHTML(XHTML)解决方案手册。书中包含了350 多种可以立即使用的设计模式(涉及文本、背景、边框、图片、表格、布局等多方面),并介绍了每种模式的原理和使用。每种设计模式、示例和源代码都经过了精心设计,易于实现和使用。通过阅读此书,可大大提高读者在Web 设计和开发中的效率和创造力。 本书结构清晰,示例丰富,实践性强,适用于所有Web 开发和设计人员。 编辑推荐 Amazon盛誉图书,业界专家十余年功力结晶,参透CSSHTML,350多种可以立刻用于实战的设计模式,Web设计与开发人员的必备参考书。 “不管你是什么水平的开发人员,本书都是必备的参考书。”          ——Jonathan Snook。著名web程序员,The Art andScience of CSS一书作者  “我太喜欢这本书了。事实上我买了两本。一本放在公司,一本放在家里……本书讲解非常系统,既值得通读,也是绝佳的参考书……赶紧买一本好好研读吧。”             ——JavaRarlch.com 由于浏览器不兼容、缺乏开发环境支持等因素。Web开发至今仍然是一项难言轻松的工作。事实上,为了简化Web开发,全球广大程序员已经开发了各种技术、众多框架和库,甚至出现五花八门的旁门左道。但是。“银弹”并没有出现。 本书中。Web开发专家MlchaeI Bowers通过350多种设计模式总结了自己多年的Web开发经验,并详细讲解了每种模式的工作原理。每种设计模式、示例和源代码都经过了精心设计,可以很方便地在实际项目中使用。本书既是一部优秀的教程。可以系统而深入地学习CSSHTML;也是不可或缺的参考书,可以大大提高你在Web设计和开发中的效率和创造力。 作者简介 Michael Bowers,资深Web开发专家,有18年专业软件开发经验。曾经作为首席软件工程师和架构师开发过各种项目,包括许多网站、应用程序框架、编译器、自定义语言,自动化工厂和销售管理系统。他拥有音乐理论硕士学位,是一名优秀的钢琴家。 图书信息: 书名:精通CSSHTML设计模式 (Pro CSS and HTML Design Patterns) 作者:[美]Michael Bowers 著,刘申 朱瑜敏 鲁奇 译 出版社:人民邮电出版社 出版日期:2008年9月 ISBN:978-7-115-18553-2 页数:479页 定价:¥69.00 扫描:400DPI,黑白.... 这本书因为是奇偶页左右对照看的,所以直接扫描双页,没有拆分。 目录: 第1章 设计模式:轻松搞定CSS! 第2章 HTML设计模式 第3章 CSS选择符与继承 第4章 盒模型 第5章 盒模型的尺寸 第6章 盒模型的属性 第7章 定位模型 第8章 定位:缩进、偏移与对齐 第9章 定位:进阶 第10章 为文本赋予样式 第11章 分割内容 第12章 对齐内容 第13章 块状元素 第14章 图片 第15章 表格 第16章 列布局 第17章 布局 第18章 字母下沉 第19章 强调框和引用 第20章 提示框 索引
全书pdf 210M, 共分9个分卷, 这是第4分卷 中文名: 精通CSSHTML设计模式 英文名: Pro CSS and HTML Design Patterns 资源格式: PDF 版本: 中文版高清扫描版&英文版 发行时间: 2008年9月 地区: 大陆,美国 语言: 简体中文,英文 简介: 本书是一部非常实用的CSSHTML(XHTML)解决方案手册。书中包含了350 多种可以立即使用的设计模式(涉及文本、背景、边框、图片、表格、布局等多方面),并介绍了每种模式的原理和使用。每种设计模式、示例和源代码都经过了精心设计,易于实现和使用。通过阅读此书,可大大提高读者在Web 设计和开发中的效率和创造力。 本书结构清晰,示例丰富,实践性强,适用于所有Web 开发和设计人员。 编辑推荐 Amazon盛誉图书,业界专家十余年功力结晶,参透CSSHTML,350多种可以立刻用于实战的设计模式,Web设计与开发人员的必备参考书。 “不管你是什么水平的开发人员,本书都是必备的参考书。”          ——Jonathan Snook。著名web程序员,The Art andScience of CSS一书作者  “我太喜欢这本书了。事实上我买了两本。一本放在公司,一本放在家里……本书讲解非常系统,既值得通读,也是绝佳的参考书……赶紧买一本好好研读吧。”             ——JavaRarlch.com 由于浏览器不兼容、缺乏开发环境支持等因素。Web开发至今仍然是一项难言轻松的工作。事实上,为了简化Web开发,全球广大程序员已经开发了各种技术、众多框架和库,甚至出现五花八门的旁门左道。但是。“银弹”并没有出现。 本书中。Web开发专家MlchaeI Bowers通过350多种设计模式总结了自己多年的Web开发经验,并详细讲解了每种模式的工作原理。每种设计模式、示例和源代码都经过了精心设计,可以很方便地在实际项目中使用。本书既是一部优秀的教程。可以系统而深入地学习CSSHTML;也是不可或缺的参考书,可以大大提高你在Web设计和开发中的效率和创造力。 作者简介 Michael Bowers,资深Web开发专家,有18年专业软件开发经验。曾经作为首席软件工程师和架构师开发过各种项目,包括许多网站、应用程序框架、编译器、自定义语言,自动化工厂和销售管理系统。他拥有音乐理论硕士学位,是一名优秀的钢琴家。 图书信息: 书名:精通CSSHTML设计模式 (Pro CSS and HTML Design Patterns) 作者:[美]Michael Bowers 著,刘申 朱瑜敏 鲁奇 译 出版社:人民邮电出版社 出版日期:2008年9月 ISBN:978-7-115-18553-2 页数:479页 定价:¥69.00 扫描:400DPI,黑白 这本书因为是奇偶页左右对照看的,所以直接扫描双页,没有拆分。 目录: 第1章 设计模式:轻松搞定CSS! 第2章 HTML设计模式 第3章 CSS选择符与继承 第4章 盒模型 第5章 盒模型的尺寸 第6章 盒模型的属性 第7章 定位模型 第8章 定位:缩进、偏移与对齐 第9章 定位:进阶 第10章 为文本赋予样式 第11章 分割内容 第12章 对齐内容 第13章 块状元素 第14章 图片 第15章 表格 第16章 列布局 第17章 布局 第18章 字母下沉 第19章 强调框和引用 第20章 提示框 索引....
全书pdf 210M, 共分9个分卷, 这是最后一个分卷, 第9分卷 中文名: 精通CSSHTML设计模式 英文名: Pro CSS and HTML Design Patterns 资源格式: PDF 版本: 中文版高清扫描版&英文版 发行时间: 2008年9月 地区: 大陆,美国 语言: 简体中文,英文 简介: 本书是一部非常实用的CSSHTML(XHTML)解决方案手册。书中包含了350 多种可以立即使用的设计模式(涉及文本、背景、边框、图片、表格、布局等多方面),并介绍了每种模式的原理和使用。每种设计模式、示例和源代码都经过了精心设计,易于实现和使用。通过阅读此书,可大大提高读者在Web 设计和开发中的效率和创造力。 本书结构清晰,示例丰富,实践性强,适用于所有Web 开发和设计人员。 编辑推荐 Amazon盛誉图书,业界专家十余年功力结晶,参透CSSHTML,350多种可以立刻用于实战的设计模式,Web设计与开发人员的必备参考书。 “不管你是什么水平的开发人员,本书都是必备的参考书。”          ——Jonathan Snook。著名web程序员,The Art andScience of CSS一书作者  “我太喜欢这本书了。事实上我买了两本。一本放在公司,一本放在家里……本书讲解非常系统,既值得通读,也是绝佳的参考书……赶紧买一本好好研读吧。”             ——JavaRarlch.com 由于浏览器不兼容、缺乏开发环境支持等因素。Web开发至今仍然是一项难言轻松的工作。事实上,为了简化Web开发,全球广大程序员已经开发了各种技术、众多框架和库,甚至出现五花八门的旁门左道。但是。“银弹”并没有出现。 本书中。Web开发专家MlchaeI Bowers通过350多种设计模式总结了自己多年的Web开发经验,并详细讲解了每种模式的工作原理。每种设计模式、示例和源代码都经过了精心设计,可以很方便地在实际项目中使用。本书既是一部优秀的教程。可以系统而深入地学习CSSHTML;也是不可或缺的参考书,可以大大提高你在Web设计和开发中的效率和创造力。 作者简介 Michael Bowers,资深Web开发专家,有18年专业软件开发经验。曾经作为首席软件工程师和架构师开发过各种项目,包括许多网站、应用程序框架、编译器、自定义语言,自动化工厂和销售管理系统。他拥有音乐理论硕士学位,是一名优秀的钢琴家。 图书信息: 书名:精通CSSHTML设计模式 (Pro CSS and HTML Design Patterns) 作者:[美]Michael Bowers 著,刘申 朱瑜敏 鲁奇 译 出版社:人民邮电出版社 出版日期:2008年9月 ISBN:978-7-115-18553-2 页数:479页 定价:¥69.00 扫描:400DPI,黑白 这本书因为是奇偶页左右对照看的,所以直接扫描双页,没有拆分。 目录: 第1章 设计模式:轻松搞定CSS! 第2章 HTML设计模式 第3章 CSS选择符与继承 第4章 盒模型 第5章 盒模型的尺寸 第6章 盒模型的属性 第7章 定位模型 第8章 定位:缩进、偏移与对齐 第9章 定位:进阶 第10章 为文本赋予样式 第11章 分割内容 第12章 对齐内容 第13章 块状元素 第14章 图片 第15章 表格 第16章 列布局 第17章 布局 第18章 字母下沉 第19章 强调框和引用 第20章 提示框 索引..
全书pdf 210M, 共分9个分卷, 这是第7分卷 中文名: 精通CSSHTML设计模式 英文名: Pro CSS and HTML Design Patterns 资源格式: PDF 版本: 中文版高清扫描版&英文版 发行时间: 2008年9月 地区: 大陆,美国 语言: 简体中文,英文 简介: 本书是一部非常实用的CSSHTML(XHTML)解决方案手册。书中包含了350 多种可以立即使用的设计模式(涉及文本、背景、边框、图片、表格、布局等多方面),并介绍了每种模式的原理和使用。每种设计模式、示例和源代码都经过了精心设计,易于实现和使用。通过阅读此书,可大大提高读者在Web 设计和开发中的效率和创造力。 本书结构清晰,示例丰富,实践性强,适用于所有Web 开发和设计人员。 编辑推荐 Amazon盛誉图书,业界专家十余年功力结晶,参透CSSHTML,350多种可以立刻用于实战的设计模式,Web设计与开发人员的必备参考书。 “不管你是什么水平的开发人员,本书都是必备的参考书。”          ——Jonathan Snook。著名web程序员,The Art andScience of CSS一书作者  “我太喜欢这本书了。事实上我买了两本。一本放在公司,一本放在家里……本书讲解非常系统,既值得通读,也是绝佳的参考书……赶紧买一本好好研读吧。”             ——JavaRarlch.com 由于浏览器不兼容、缺乏开发环境支持等因素。Web开发至今仍然是一项难言轻松的工作。事实上,为了简化Web开发,全球广大程序员已经开发了各种技术、众多框架和库,甚至出现五花八门的旁门左道。但是。“银弹”并没有出现。 本书中。Web开发专家MlchaeI Bowers通过350多种设计模式总结了自己多年的Web开发经验,并详细讲解了每种模式的工作原理。每种设计模式、示例和源代码都经过了精心设计,可以很方便地在实际项目中使用。本书既是一部优秀的教程。可以系统而深入地学习CSSHTML;也是不可或缺的参考书,可以大大提高你在Web设计和开发中的效率和创造力。 作者简介 Michael Bowers,资深Web开发专家,有18年专业软件开发经验。曾经作为首席软件工程师和架构师开发过各种项目,包括许多网站、应用程序框架、编译器、自定义语言,自动化工厂和销售管理系统。他拥有音乐理论硕士学位,是一名优秀的钢琴家。 图书信息: 书名:精通CSSHTML设计模式 (Pro CSS and HTML Design Patterns) 作者:[美]Michael Bowers 著,刘申 朱瑜敏 鲁奇 译 出版社:人民邮电出版社 出版日期:2008年9月 ISBN:978-7-115-18553-2 页数:479页 定价:¥69.00 扫描:400DPI,黑白 这本书因为是奇偶页左右对照看的,所以直接扫描双页,没有拆分。 目录: 第1章 设计模式:轻松搞定CSS! 第2章 HTML设计模式 第3章 CSS选择符与继承 第4章 盒模型 第5章 盒模型的尺寸 第6章 盒模型的属性 第7章 定位模型 第8章 定位:缩进、偏移与对齐 第9章 定位:进阶 第10章 为文本赋予样式 第11章 分割内容 第12章 对齐内容 第13章 块状元素 第14章 图片 第15章 表格 第16章 列布局 第17章 布局 第18章 字母下沉 第19章 强调框和引用 第20章 提示框 索引..
HTML5(HyperText Markup Language 5)是一种用于构建和呈现网页内容的标准的最新版本。它是由万维网联盟(W3C)开发和维护的,旨在取代之前的HTML版本。 HTML5具有许多新的功能和特性,使得网页设计和开发更加灵活和强大。其中一些突出的特点包括: 1. 语义化标签:HTML5引入了新的语义标签,如<header>、<nav>、<section>和<footer>等,使网页结构更具可读性和可访问性。 2. 视频和音频支持:HTML5内置了<video>和<audio>标签,使得在网页中嵌入和播放视频和音频变得更加简单和无需依赖插件。 3. Canvas绘图:HTML5的<canvas>元素允许开发者使用JavaScript绘制图形、动画和游戏等,提供了更强大的图形处理能力。 4. 本地存储:HTML5提供了本地存储功能,包括LocalStorage和SessionStorage,可以在客户端存储数据,减少对服务器的请求,提高网页性能。 5. 响应式设计:HTML5支持响应式布局,即能够根据设备的屏幕大小和分辨率自动调整网页的布局和样式,提供更好的用户体验。 6. WebSocket通信:HTML5引入了WebSocket API,允许实时双向通信,使得开发者可以创建更快速、实时的应用程序。 HTML5的广泛应用使得网页开发更加便捷和创新。它不仅可以用于构建传统的网页和博客,还可以用于开发移动应用、游戏、视频播放器等。同时,HTML5也具有更好的兼容性和跨平台性,可以在不同的浏览器和操作系统上运行。 总之,HTML5的出现为网页设计和开发带来了新的可能性和优势,使得用户能够获得更丰富、交互性更强的网页内容。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值