第一部分----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(值)
注:在每个属性/值对的后面一定要加上一个分号(;),省略分号会使得样式表无效。
内部样式表
使用