精通CSS:高级WEB标准解决方案 [英]安迪巴德（Andy Budd）,[瑞典]埃米尔比约克隆德（Emil Bjrklund） 人民邮电出版社 115盘 下载 pdf txt 电子版 mobi snb docx

SUMMARY

DIRECTORY

BOOKAUTHOR

暂无出版社相关信息，正在全力查找中！

暂无相关书籍摘录，正在全力查找中！

在线阅读地址：精通CSS:高级WEB标准解决方案 [英]安迪巴德（Andy Budd）,[瑞典]埃米尔比约克隆德（Emil Bjrklund） 人民邮电出版社在线阅读

在线听书地址：精通CSS:高级WEB标准解决方案 [英]安迪巴德（Andy Budd）,[瑞典]埃米尔比约克隆德（Emil Bjrklund） 人民邮电出版社在线收听

在线购买地址：精通CSS:高级WEB标准解决方案 [英]安迪巴德（Andy Budd）,[瑞典]埃米尔比约克隆德（Emil Bjrklund） 人民邮电出版社在线购买

所有CSS布局的根本都是3个基本概念：定位、浮动、margin操纵。

在符合标准的浏览器中，如果元素的内容太大，它只会超出box之外。但是，IE会扩展整个元素（。。。-_-）

Meaningful markup provides the developer with several important benefits. Meaningful pages are much easier to work with than presentational ones. For example, say you need to change a quotation on a page. If the quotation is marked up correctly, it is easy to scan through the code until you find the first blockquote element. However, if the quotation is just another paragraph element, it will be a lot harder to find. For a more complicated, but no less realistic example, say that you needed to add an extra column to your homepage. You could simply drop the content in at the right point and then update the widths in your CSS. To do the same in a table-based layout you’d need to add an extra column in your table, change the colspan settings, alter the widths on all the cells, and change the ...

When naming your IDs and classes, it is important that you keep the names as “unpresentational” as possible. For instance, if you want all of your form notification messages to be red, you could give them a class of red. This is fine as long as there are no other red elements on the page.

However, say you wanted to style required form labels red as well. You are now forced to guess to which element that class could refer, and things are already starting to get confusing. Imagine how confusing the code could become if you used presentational elements across the whole site?

This gets even more complicated if you decide to change the presentation of your form notifications from red to yellow. Now, you either have to go back and change all your class names, or you have an element called red th...

At the same time, they can be overused and even abused. Novice CSS authors often add classes to nearly everything in an attempt to get fine-grained control over their styles. Early WYSIWYG editors also had the tendency to add classes each time a style was applied. Many developers picked up this bad habit when using generated code to learn CSS. This affliction is described as classitis and is, in some

respects, as bad as using table-based layout because it adds meaningless code to your document.

In the preceding example, each element is identified as being part of a news story by using an individual news-related class name. This has been done to allow news headlines and text to be styled differently from the rest of the page. However, you don’t need all these extra classes to target each individual element. Instead, you can identify the whole block as a news item by wrapping it in a div (code) with a class name of news. You can then target news headlines or text by simply using the cascade.

编辑推荐

EDITORREMEND

书籍介绍

本书是CSS设计经典图书升级版，结合CSS近年来的发展，尤其是CSS3和HTML5的特性，对内容进行了全面改写。本书介绍了涉及字体、网页布局、响应式Web设计、表单、动画等方面的实用技巧，并讨论了如何实现稳健、灵活、无障碍访问的Web设计，以及在技术层面如何实现跨浏览器方案和后备方案。本书还介绍了一些鲜为人知的高级技巧，让你的Web设计脱颖而出。