《CSS3秘籍》第1、2章

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

时间: 2024-10-09 23:38:05

《CSS3秘籍》第1、2章的相关文章

《CSS3秘籍》第8-11章

第八章 给网页添加图片 1.背景图片:background-image:url(images/bg.gif); 2.控制重复:background-repeat:repeat/no-repeat/repeat-x/repeat-y 3.定位背景图片:background-position: 4.固定背景图片:background-attachment:scroll/fixed 5.调整背景图片起点:background-origin:border-box(border区域的左上角)/paddin

《CSS3秘籍》第12-17章

第十二章 CSS布局简介 1.网页布局的类型 1)固定宽度 2)流式 3)响应式Web设计 2.CSS布局的策略 1)从内容入手 2)Mobile First 第十三章 构建基于浮动的布局 1.简单的两列浮动布局的设计步骤 1)在每一列都包在一个带有ID或class属性的<div>标签里面 2)把侧边栏<div>浮到右侧或左侧:浮动元素的HTML必须处在要包围它的元素的HTML之前 3)给浮动的侧边栏设定一个宽度 4)给正文添加一个left/right margin 2.在非浮动的

《CSS3秘籍》第3-5章

第三章 选择器:明确设置哪些样式 1.标签选择器 2.类选择器 1)所有类选择器的名称必须以一个圆点开头 2)CSS只允许在类名称中使用字母.数字.连字符和下划线 3)在圆点之后,名称始终必须以字母开头 4)类名称区分大小写 3.ID选择器 1)所有ID选择器的名称必须以一个井号开头 4.群组选择器(用逗号分隔) 5.通用选择器(*) 6.派生选择器 7.HTML族谱 1)祖先标签 2)派生标签 3)父标签 4)子标签 5)同胞标签 8.伪类(单冒号) 1)a:link:指访问者还没有访问到.鼠

《CSS3秘籍》(第三版)-读书笔记(4)

第12章  CSS页面布局 网页布局的类型: 固定宽度.不管浏览器窗口的宽度多大,网页内容的宽度始终保持不变. 流式.流式设计采用百分比,它会根据浏览器的宽度(无论有多宽)自动进行调整.网页会随着访问者调整浏览器窗口的大小而变宽或变窄. 响应式Web设计(Responsive Web Degin,RWD).RWD不是只给所有设备设计一种布局,而是会根据不同的浏览器宽度,来改变它的展现效果. 第14章 响应式Web设计 响应式Web设计结合了三大理念: 用于布局的弹性网络 用于图片和视频的弹性媒体

CSS3秘笈:第九章

1.链接状态:大部分浏览器支持4中基本的链接状态:未访问的链接.已访问的链接.访问者的鼠标正悬停在上方的链接.正被单击的链接.这些状态的4个对应伪类选择器分别是:link.:visited.:hover.:active. 为了实现最大程度的设计控制,必须对所有不同的访问状态都定义样式,但是必须按照指定顺序: a : link{color : #F60; } a : visited{color : #900; } a : hover{color : #F33; } a : active{color

CSS3秘笈:第二章

1.一个样式由两个元素组成:浏览器对其设置格式的网页元素(选择器,selector)和实际的格式化指令(声明块,declaration block). 2.简单的样式也包含了以下几个元素: (1)Selector(选择器):选择器告诉浏览器网页上的哪个元素以什么样式显示. (2)Declaration Block(声明块):选择器后面的代码包含了所有要应用到选择器的格式化选项.声明块以大括号包围({}). (3)Declaration(声明):在一个声明块的左右大括号之间,添加一个或多个声明,或

CSS3秘笈:第一章

1.<div>和<span>标签: <div>和<span>标签:就像是一个空的容器,我们要往里面填充内容.一个div就是一个块,意味着它的前后都要空一行:而span则呈嵌套模式,成为一个段落的一部分.<div>标签标示任何不连续的内容块,像一个段落或者标题.<span>标签用于行内元素,出现在一个更大的段落或标题中的文字或者短语.布局如: <div id=”footer”> <p>Copyright 2006

《图解CSS3——第一章 揭开CSS3的面纱》

第一章 揭开CSS3的面纱 如果关注前端方面的技术,那么对CSS一定不会陌生,你肯定听说过CSS3.在使用CSS3之前,应该对这个新一代语言样式表语言的来龙去脉有个基本了解. 1.1 什么是CSS3 CSS3并不是一门新的语言.如果接触过CSS就知道,CSS是创建网页的另一个独立但并非不重要的一部分.CSS是种层叠样式表,是一种样式语言,用来告诉浏览器如何渲染你的web页面. CSS3是CSS规范的最新版本 1.1.1 CSS3的新特性 CSS3新特性非常多,这里挑选一些被浏览器支持较为完美.更

Sass与Compress实战:第五章

概要:第5章展示了Compass如何使你免去编写跨浏览器的CSS3的痛苦. 本章内容: ● 用Compass的CSS3模块创建跨浏览器的CSS3样式表 ● 在低版本IE中支持一些CSS3的特性 ● Compass里的CSS3高阶技能 1.什么是CSS3 CSS3,或称第三代层叠样式表,是基于CSS2的规范建立起来的.CSS3的变革可以归纳为两部分——更给力的选择器,帮助我们定位元素:各种新的属性,用于修饰元素的外观. 1.1 新属性:浏览器前缀让你烦透了吧 由于浏览器厂商有各自的发布周期,浏览器