Home Web Front-end CSS Tutorial Some good notes on "Mastering CSS"_Experience exchange

Some good notes on "Mastering CSS"_Experience exchange

May 16, 2016 pm 12:08 PM

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!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

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

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Vue 3 Vue 3 Apr 02, 2025 pm 06:32 PM

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.

Can you get valid CSS property values from the browser? Can you get valid CSS property values from the browser? Apr 02, 2025 pm 06:17 PM

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.

Stacked Cards with Sticky Positioning and a Dash of Sass Stacked Cards with Sticky Positioning and a Dash of Sass Apr 03, 2025 am 10:30 AM

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.

A bit on ci/cd A bit on ci/cd Apr 02, 2025 pm 06:21 PM

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

Using Markdown and Localization in the WordPress Block Editor Using Markdown and Localization in the WordPress Block Editor Apr 02, 2025 am 04:27 AM

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

Comparing Browsers for Responsive Design Comparing Browsers for Responsive Design Apr 02, 2025 pm 06:25 PM

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

Why are the purple slashed areas in the Flex layout mistakenly considered 'overflow space'? Why are the purple slashed areas in the Flex layout mistakenly considered 'overflow space'? Apr 05, 2025 pm 05:51 PM

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...

How to select a child element with the first class name item through CSS? How to select a child element with the first class name item through CSS? Apr 05, 2025 pm 11:24 PM

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...

See all articles