Shulou(Shulou.com)06/01 Report--

This article mainly introduces the relevant knowledge of css core grammar case analysis, the content is detailed and easy to understand, the operation is simple and fast, and has a certain reference value. I believe you will gain something after reading this css core grammar case analysis article. Let's take a look at it.

Basic concepts of css

What is css? You don't need to know much about text class introductions. Remember that css is the cascading style sheet, HTML is the page structure, css is responsible for the page style, and javascrt is responsible for the interaction of static pages. CSS can accurately control the layout of elements in a web page at the pixel level, and has the ability to edit web objects and model styles. For details, it is also beneficial to refer to [css Baidu encyclopedia] to learn about its development history, language features and language foundation.

The attribute of the tag determines the display effect of the static page. in the early days, there were too many tag attributes, and it was too troublesome to identify the browser, because when you modify the tag, the version of the page needs to be changed. In addition, the code is too bloated and tedious for developers, so W3CS, the World wide Web Consortium, has developed a standard to separate css from HTML, and selectors are associated with tags through style attributes, thus improving the availability of html code and css styles.

Css Core Syntax

The three ways of introducing 1.css belong to the core syntax of css, which are divided into internal style, external style and inline style (also called inline style). In the end, the effect of the page is the same.

The 2.css group becomes: selector {attribute: attribute value}, and {attribute: attribute value} is also called selector declaration part. The comment of css is different from that of html, and its comment is expressed as / comment part /

The color in 3.css is RGB red, green and blue, and the color is from light to deep, corresponding to the number 0-255. this is also the default color of the system.

3.1Colour represents color (255p0re0) red, if expressed as a percentage (100% dj0pc0)

Color can also be expressed in specific English words, for example, red is red, green is green, blue is blue, etc.

As far as designers are concerned, the color can also be hexadecimal, 0-9 is 10, and the rest starts with Amurf, which is only 15 digits, while 16 is represented by 10; the color representation begins with #, for example, red is # ff0000= > rgb (255j0j0). For this repetition, two can be written as one, displayed as # f00.

one

two

three

four

five

6 introduction to the basic concepts of css and the core syntax of css

seven

eight

twelve

thirteen

fourteen

fifteen

twenty

twenty-one

twenty-two

23 .box1 {

24 color: English word name of blue;/* * /

25 color: rgb. / * 0-255pm in rgb.

26 color: rgb (100% Person0); / * percentage display * /

27 / * color: # ff0000; * / color: # f00

28}

twenty-nine

thirty

thirty-one

thirty-two

33 css three styles are introduced into internal style, external style and inline style (inline style). The order of execution is to merge the external style with the internal style and then execute the inline style.

thirty-four

thirty-five

This is the end of the article on "css Core Grammar case Analysis". Thank you for reading! I believe you all have a certain understanding of the knowledge of "css Core Grammar case Analysis". If you want to learn more, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.