If you're new to web, please read our css base article to learn what css means and how to use it。
Our css study area has a rich curriculum that covers all the basics, and that allows you to go from the beginning to the edge of the css road。
Our detailed reference manual for senior web developers describes the attributes and concepts of css。
Our css area of study is teaching css in a multimodule, zero base -- that means you don't need any knowledge base。
Learn css, step one
Css (a stacked stylesheet) is used to set the style and layout of a web page - for example, to change the font, colour, size and spacing of content, or to separate it, or to add animated and other decorative features to the content. This module will provide a friendly start for your future css proficiency by elaborating the rationale, presenting examples of syntax and how to relate to HTML。
Css build
This module is a follow-up to the first step of learning the css, and it is time for you to be familiar with the language and its grammar and have some basic experience in using it. This module focuses on layering and inheritance, all available option types, units, sizes, background, borders, debugging, etc。
The aim is to provide you with a powerful css toolkit to understand all underlying theories before further learning, such as styled text and css layouts。
Css add styles to text
Based on learning css language fundamentals, the next focus you need to focus on is styled text -- this is one of the most common scenarios when using css. This module will learn the basic knowledge of text style settings, including setting fonts, bold, italics, rows, character spacing, shadows and other text properties. We have improved this module by applying custom fonts and styled lists and links on the page。
Css layout
So we have learned the rationale for the css, how to set the text style and how to set and operate the box where the contents are. Now we look at how to place these boxes in the right place between the lenses or some other box. We're here to cover all our preparatory knowledge, so we can now study in depth the css layouts, different displays, modern layout tools like flexboxes, css grids and positioning, and some traditional technologies that you might still want to understand。
Addressing common css-related issues
This module provides links to a number of content that provide a good answer to common questions about the use of css when creating web pages。
The css layout technical manual is intended to bring together some of the usual layout models that you might be expected to achieve on your own website, and also provides a code that you can use as a basis in the project. These approaches highlight the different ways in which the same layout is used, and as developers you can freely choose the way you want。
