第一章 CSS需要的HTML
1、可以忘却的HTML标签和属性
1)不要用<font>来控制文本的显示
2)不要用<b>和<i>来使文字变成粗体和斜体
3)不要用<table>标签进行网页布局
4)不要使用仅能装饰内容外观的笨拙的<body>标签属性,例如background 、bgcolor、 text、link、 alink和vlink 只能为网页和文本及链接设置颜色和图片
5)不用滥用<br>标签
2、DOCTYPE(文档类型)的重要性
1)HTML5:<!doctype html>
2)HTML4.01:<!DOCTYPE HTML PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
3)XHTML1.0:<!DOCTYPE HTML PUBLIC "-/W3C//DTD XHTML 1.0 Transitional//EN" "<html">http://www.w3.org/TR/xhtml1/DTD/xhtm1-transition.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
3、让IE8支持HTML5:设置
<head><!--[if lt IE 9]<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]>--></head>,使浏览器接受HTML5标签,并且实现应用于那些标签的CSS。
4、让IE8及之后的版本以它们的标准模式显示网页:设置<head><meta http-equiv="X-UA-Compatible" content="IE-edge"/>
第二章 创建样式和样式表
1、样式包含的元素:Selector(选择器)、Declaration Block(声明块)、Declaration(声明)、Property(属性)、Value(值)
2、内部样式表
1)HTML5:<head><style></style></head>
2)HTML4.01和XHTML1.0:<head><style type=”text/css”></style></head>
3、外部样式表
1)用HTML链接样式表
HTML5:<head><link rel=”stylesheet” href=”css/styles.css”></head>
HTML4.01:<head><link rel=”stylesheet” type=”text/css” href=”css/styles.css”> </head>
XHTML1.0:<head><link rel=”stylesheet” type=”text/css” href=”css/styles.css”/> </head>
2)用CSS链接样式表
HTML5:<head><style>@import url(css/styles.css)</style</head>
HTML4.01和XHTML1.0:<head><style type=”text/css”>@import url(css/styles.css)</style></head>