Css getting started

First, we hope you will have a stable attitude. CSS is not something that is too difficult. As long as you learn more and practice more slowly, getting started very quickly. I personally think that CSS is not a programming language, so don't worry about problems such as poor mathematics.

Not to mention nonsense. Start now.

Advantages of a Web standard

Web standards appear in China since 2003. It has set off a boom in learning Web standards and Css la s. That's why everyone started learning.

In fact, Web standards have always existed in network technologies along with the development of the Web presentation layer technology. It never leaves people's implementations. It is not just a bunch of technical indicators, because the Web standards have carried out a wide range of structural definitions and technical conventions on the website architecture, the idea of the Web Standards leader is cutting-edge in interactive website design, not only does the code-level design of the website bring greater freedom to people, but it also makes website production more convenient and reliable based on the design philosophy of the Web standard, so as to enrich the user experience.

1.1 Web standards

This is just a simple example.

Web standards are a set of standards developed by W3C (World Wide Web Consortium) and other standardization organizations, including Html, Xhtml, Javascript, and Css. The purpose of Web standards is to create a unified set of technical standards for the Web presentation layer, so as to display information to end users through different browsers or terminal devices.

1.2 Web presentation layer technology

The Web itself is composed of a complex technical architecture. Its ultimate goal is to provide a visual and easy-to-operate information interaction platform for users of browsers or applications.

The presentation layer technology refers to the technology that presents information to users and provides them with interactive behaviors. It is simply understood as a style. A webpage is displayed to the user, and some code is behind it.

For example, the clothes we wear look very nice. Whether a dress looks good or not is actually the design of a webpage, and this kind of looks is shown through the media such as clothes, the medium is WEB (WEB page ). Then the clothes are made up of colorful lines and cloth blocks. They look good-looking patterns and novel styles from the outside of the clothes. Inside, we can see its nature-line and block. All of the above, except for webpage design, belongs to the Web performance layer technology.

1.3 Composition of Web standards.

Currently, Web standards are a set of three parts: Structure (Presentation) Behavior (Behavior ).

For example. Clothes look pretty, thanks to the design (webpage design, the process of using PhotoShop to design webpages). Clothes are a medium for spreading beauty (web pages are browsed by browsers ), where is the pocket design of clothes, collar, neck, and sleeves? It is a kind of structural requirement (Web standard, what should a webpage have ), this beautiful dress is made up of lines and cloth blocks (these lines and blocks are HTML languages), what colors and materials are the cables and cloth blocks (what CSS is going to do, HTML ). To put beautiful clothes on our bodies, we need to pull the zipper (pulling the zipper is an action, and the zipper is the subject of the action)

We can also give another example. You bought a house. This house is a three-bedroom, one-bedroom, or two-bedroom, which is called structure. Where to put TV, where to put decorative paintings, this is called performance. Interaction with the house (for example, entering the house is an interaction) is behavior.

1.4 Structure (Strcture)

The structure mainly contains several technologies. I only list names. For details, refer to Google and Baidu.

1 Html (Hyper Text Mark-up Language) hypertext markup Language.
2 Xml (The Extensible Markup Language) Extensible Markup Language
3 Xhtml (The Extensible Hyper Language) Extensible HyperText Markup Language

1.5 Presentation)

Css (Cascading Style Sheet) stacked Style sheet

1.6 Behavior (Behavior)
Dom (Document Object Model) Document Object Model
ECMAScript