当前位置：Gxlcms > html代码 > CSS3秘笈第三版涵盖HTML5学习笔记1~5章-平凡世界平凡人

CSS3秘笈第三版涵盖HTML5学习笔记1~5章-平凡世界平凡人

时间：2021-07-01 10:21:17 帮助过：14人阅读

第一部分----CSS基础知识

第1章，CSS需要的HTML

HTML越简单，对搜索引擎越友好
div是块级元素，span是行内元素
标签包含一组相关的内容，就像一本书中的章节一样
标签包含与其周边的内容相关的内容，如纸质杂志上的侧边栏一样
标签包含通常放在网页底部的一些信息，如版权声明、法律信息、一些网站的导航链接，等等
标签用于说明图
让IE8及更早版本支持HTML5，可以使用html5shiv，不过，也只是接受了HTML5标签并实现应用了标签的CSS，并没有使浏览器“理解”HTML5的标签是干啥的，比如对于

对网页进行验证

W3C网站（http://validator.w3.org/）
Firefox（http://chrispederick.com/work/web-developer），扩展http://users.skynet.be/mgueury/mozilla/
Chrome（http://bit.ly/SCONRY）
Safari（www.zappatic.net/safaritidy）
对于包含多个相关项目的列表，使用无序列表
    对于表示过程步骤或定义一组项目的顺序，使用有序列表
      创建术语表及其定义或描述，使用
      定义列表，
      定义术语，
      定义描述
      包含一段引用语，长段落使用
      ，简短引语使用
      使用引用书的标题、新闻报道或网站
      使用标识和提供该网页作者的联系信息
      在没有适当的HTML标签，又要标识某一元素时，可以使用
      和
      注：不要滥用
      ，要记得关闭标签
      DOCTYPE文档类型，可以给浏览器一个提示，现在这个网页是用的什么版本的HTML，使得浏览器可以正确的解释它
      对于使用了HTML5的文档，声明如下： 
      DOCTYPE html>

      对于旧版的HTML或XHTML，如HTML 4.01 Transitional或XHTML 1.0 Transitional，文档声明就复杂了

      
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
      添加meta标签，可以使IE8停止无厘头的怪异行为（怪异模式，进入IE7模式），使IE8采用其最标准的兼容模式来显示网页
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      注：要放在head标签中，最好是title标签下

      第2章，创建样式和样式表

      简单的样式也会包含几个元素：
      Selector（选择器）、Declaration Block（声明块）、Declaration（声明）、Property（属性）、Value（值）
      注：在每个属性/值对的后面一定要加上一个分号(;)，省略分号会使得样式表无效。

      内部样式表

      使用