码迷,mamicode.com
首页 > Web开发 > 详细

《CSS3秘籍》第1、2章

时间:2015-12-06 01:46:14      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:

第一章 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>

《CSS3秘籍》第1、2章

标签:

原文地址:http://www.cnblogs.com/wuping/p/5022639.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!