Some good notes on "Mastering CSS"_Experience exchange
Many serious readers have raised a lot of questions and suggestions. Here are some of my additional views after reading the book:
In general, the translation can score 85 points, which is not as bad or misleading as some people say. reader.
1. Filter has two uses in this book. The AlphaImageLoader filter in the middle of page 52 should be translated as filter, and it is more appropriate to translate it into filter in other places.
2. There should be an error in the original book on page 71. The a:hover pseudo-class problem is not only a problem in IE 5.x, but also in IE6 standard mode.
3. Page 144 (164 pages of the original book) should be an error in the original book. There is a problem with the MSBMH code segment:
* html #content {
width: 80px;
w\idth : 100px;
}
html #content {
width: 100px;
padding: 10px;
}
The correct one should be
html #content { width: 80px;
padding: 10px;
}
* html #content {
width: 100px;
w\idth: 80px;
}
4. It is easy to confuse people about the "title" in the book, especially in the table section. The author translates table heading (the full name of the th element) into "table heading" personally. It is considered inappropriate because the translator is too literal. Here th refers to the title of a certain column or row in the table, and th itself is also a cell (that is, th is a special cell, which is displayed in bold and centered. ). If th or table heading (is translated as "table title", then "caption" is also "table title", how to distinguish it? So in my personal opinion, th or table heading is translated as "table header", and caption is translated as "table title", Heading that appears in other situations is hn (h1~h6), which is translated into "title". It is best to enclose the original English word in parentheses, so that it is less likely to cause misunderstanding.
5. Regarding confusing link, the translation of a The question was raised by a netizen. I agree with it. Let me quote:
"Anchor is not a link. An anchor is the target of the link. It is used to mark a certain position on the page. The form of the anchor is a name='anchor name', There is no special display on the page. The corresponding link is a href='#anchor name', click it to jump directly to the anchor position. "
6. Some places do not require translation or Chinese-English comparison , if the translator translates body as main body, margin as blank margin, and quirk mode as weird mode (I personally recommend using Taiwan’s loose translation mode or quirk mode), it is recommended to print a Chinese-English terminology comparison table, otherwise it will be difficult for beginners It’s very unfavorable, maybe this is their original intention of irrationally cursing people!
7. I wish the translator a better translation in the next book!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

It's out! Congrats to the Vue team for getting it done, I know it was a massive effort and a long time coming. All new docs, as well.

I had someone write in with this very legit question. Lea just blogged about how you can get valid CSS properties themselves from the browser. That's like this.

The other day, I spotted this particularly lovely bit from Corey Ginnivan’s website where a collection of cards stack on top of one another as you scroll.

I'd say "website" fits better than "mobile app" but I like this framing from Max Lynch:

If we need to show documentation to the user directly in the WordPress editor, what is the best way to do it?

There are a number of these desktop apps where the goal is showing your site at different dimensions all at the same time. So you can, for example, be writing

Questions about purple slash areas in Flex layouts When using Flex layouts, you may encounter some confusing phenomena, such as in the developer tools (d...

When the number of elements is not fixed, how to select the first child element of the specified class name through CSS. When processing HTML structure, you often encounter different elements...
