《CSS3秘籍》第1、2章

第一章 CSS需要的HTML
1、可以忘却的HTML标签和属性
1)不要用<font>来控制文本的显示
2)不要用<b><i>来使文字变成粗体和斜体
3)不要用<table>标签进行网页布局
4)不要使用仅能装饰内容外观的笨拙的<body>标签属性,例如background bgcolor text、link alinkvlink 只能为网页和文本及链接设置颜色和图片
5)不用滥用<br>标签
2DOCTYPE(文档类型)的重要性
1HTML5:<!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>

posted @ 2015-12-06 00:03  吴萍  阅读(148)  评论(0编辑  收藏  举报