Taking us to the next level with CSS 3

" CSS 3 is not new, and it's not just rounded corners implemented around the border-radius property. It's sitting there patiently, ready for its debut, sipping coffee and waiting for browsers to roll out the red carpet. You Look, the browser needs to catch up..."

– This article would like to record ISD WEBTEAM’s 2009 Q2 masterpiece: CSS 3.0 Reference Manual (Chinese version)

background

CSS2.0 reference materials represented by Su Yu's "Style Sheet Chinese Manual" have accompanied many domestic web designers for nearly 10 years. This impact is far-reaching, but with the continuous development of CSS technology, Designers are mostly influenced by traditional materials and cannot transcend the existing fences, which puts a heavy burden on themselves. Have you noticed that CSS 3 is gaining momentum? Are you eager to start using them but don’t know where to start? Just when the new features of CSS 3 are highly anticipated, our CSS3.0 Chinese Reference Manual came into being...

What is CSS 3?

CSS is the abbreviation of Cascading Style Sheet. Translated as "cascading style sheets". It is a markup language used for (enhanced) control over web page styles and allows the separation of style information from web page content.
CSS3.0 represents the next version of CSS, and 3.0 is the version number.

What surprises does CSS 3 bring us?

CSS3.0 is not only a novel technology for us web designers, but more importantly, these new concepts of web applications give us more unlimited possibilities for design, and also greatly improve our development efficiency. We will no longer have to rely on images or Javascript to complete rounded corners, multiple backgrounds, user-defined fonts, 3D animations, gradients, box shadows, text shadows, transparency and other featured applications that improve the quality of web design. The emergence of CSS 3.0 makes the code simpler, the page structure more reasonable, and both performance and effect are taken into consideration.

Instructions for use

• This manual is intended for web page reconstructors or front-end development engineers.
• This manual is translated based on the W3C working draft, and there are certain uncertainties. The final interpretation right belongs to ISD WEBTEAM.
• The layout of this manual refers to the CSS Preview of css3.info, which divides CSS 3 properties into nine categories: border, background, color, text, user interface, basic box model, content, other modules, and advanced selectors.
• The compatibility list temporarily provides official browser compatibility for Internet Explorer, FireFox, Opera, Safari, and Chrome.
• In the private attribute list, browsers using the Gecko engine include Firefox, and the private attributes start with -moz-; browsers using the webkit engine include Safari and Chrome, starting with -webkit-; browsers using the Presto engine include Opera, starting with -o- Start, as well as Internet Explorer, start with -ms-, currently only IE8 supports the -ms- prefix.
• The examples produced for each attribute, except for @font face's example taken from Microsoft due to font copyright, are all produced by team members based on their own experience. Due to the limitations of the manual's length, some examples may be difficult to understand. We will discuss these in the future. Some examples are analyzed in detail in separate articles.
• Inheritance, given that the W3C working draft does not have a clear explanation of inheritance, there is no test on inheritance in this issue, and it is not of reference value yet.
• If the downloaded CHM file cannot be opened, you can try right-clicking the CHM file and then "Unlock" in "Properties".
• This manual is mainly for communication. It is limited by time constraints and is an amateur night work. Errors and omissions are inevitable. I hope you will give me feedback during use. We will continue to improve and upgrade this manual. The V1 version of the manual is provided here, which is updated from time to time on a monthly basis.

Source: Tencent Webteam