简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > html教程 > 正文

CSS3秘笈第三版涵盖HTML5学习笔记1~5章_html/css_WEB-ITnose

WBOY
发布： 2016-06-24 11:23:04
原创
1035 人浏览过

第一部分----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，文档声明就复杂了

    <!-- HTML 4.01 Transitional文档声明 --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><!-- XHTML 1.0 Transitional文档声明 --><!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（值）

    注：在每个属性/值对的后面一定要加上一个分号(;)，省略分号会使得样式表无效。

    内部样式表

    使用