CSS权威指南的内容简介

Posted 2023-05-12

参考技术A

《CSS权威指南》(第3版)是著名的CSS专家EricA.Meyer他招牌式的智慧和无与伦比的经验引领读者探索了CSS的各个部分，包括属性、标记、特性和实现。此外，他还就现实应用中的一些问题，例如浏览器的支持和设计方针，发表了看法。你所要知道的就是html4.0的知识，这样就可以创建整洁、易于维护的脚本，以与桌面出版系统同样的优雅和控制能力管理网站布局和分页。你将会学到：·精妙地设计文本风格·用户界面、表格布局、列表以及自动生成的内容·浮动和定位的细节·Fontfamilv和Fallback机制·盒模型（boxmodel）的工作机制·IE7、Firefox及其他一些浏览器所支持的最新CSS3的选择器（selector）经过彻底地更新，新版的《CSS权威指南》已经适用于IE7。它详细讲述TESS的各个属性，告诉你怎样同其他属性交互，怎样在编写CSS时避免常见的错误。不管你是一个有经验的Web开发人员还是一个彻底的初学者，这《CSS权威指南》(第3版)都是你的CSS学习源泉。

CSS权威指南 - 浮动和定位

浮动和定位 - 浮动和定位

浮动和定位目的就是布局。先说说浮动。

浮动

CSS1首次提到浮动。从netscape1以来可以通过声明让图片浮动。比如<img src=”b2.jpg” align=”right”> ，让其他内容围绕该图像。浮动一词来自html2.0的扩展。

图片的align实际上就是图片的浮动效果。

之后，CSS中任何元素都可以浮动。

浮动就是尽可能地靠左/右

float的值 left right none inherit

浮动元素

浮动让文档从正常流中删除，还是会影响布局。

一个元素浮动，其他元素会环绕该元素。

浮动元素的外边距不会和其他元素的外边距合并，就是margin不merge。

浮动元素必须显式表示宽度，不然默认没有宽度。

浮动的详细

浮动元素的包含块就是最近的祖先元素的。

一个行内元素浮动后会变成块级元素。

---

浮动元素的边界不会超过包含块的内边界。

浮动元素的左（右）边界必须是之前元素的右（左）边界，除非之后出现的浮动元素在下面。（就是说，一个方向的浮动元素不会重叠）

左浮动和右浮动元素不会重叠。

一个浮动元素不会比父元素高。如果浮动元素在一个merge的margin里，那么浮动元素会和下面的元素会好像有一个块级元素。以免浮动元素跑到上面去。这条比较有趣。

浮动元素不会比之前的元素高。

浮动元素不能比包含它的行框高。比如一个段落中有一个img浮动，浮动的img只能和之前行框一样高。

浮动元素的不能超过包含元素。

浮动元素必须尽可能高。

左（右）尽可能左（右）