Home > Web Front-end > HTML Tutorial > CSS3秘笈第三版涵盖HTML5学习笔记1~5章_html/css_WEB-ITnose

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

WBOY
Release: 2016-06-24 11:23:04
Original
1072 people have browsed it

第一部分----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>
    Copy after login

    对于旧版的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">
    Copy after login

    添加meta标签,可以使IE8停止无厘头的怪异行为(怪异模式,进入IE7模式),使IE8采用其最标准的兼容模式来显示网页

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    Copy after login

    注:要放在head标签中,最好是title标签下

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

    简单的样式也会包含几个元素:

    Selector(选择器)、Declaration Block(声明块)、Declaration(声明)、Property(属性)、Value(值)

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

    内部样式表

    使用