CSS basic understanding

xiaoxiao2021-03-06  79

Overview of C s S

CSS is the abbreviation of "cascading style sheets", Chinese is turned into "Serial Style Table", and some people are only turned into "style sheet". CSS is used as a web page version and style design, in the so-called "new web page", CSS is not suspicious of a quite important ring. CSS is in existing foundation to make up for the insufficient existing HTML specification, and also make web pages more flexible. This teaching document is to introduce you to the application of CSS! Always introduce all the specifications of CSS here, just use more commonly used on web writing, more likely, the method of syntax and applications, for you. Due to the current compatibility of the two browsers, it is gradually moving, and it will be intimate to support you a browser that supports the syntax. IE supports some grammar from 3.0, which will also be indicated for you.

Summary of each chapter

For your reference and learning convenience, you will now explain to you in this teaching document! Let you have a direction and concept during reference. Basically, the first two chapters focus on the establishment of concepts and basic cognitions, that is, some of the work for you to do some Jago; the third chapter adds some other ways or characteristics of application and setting. Introduce. The fourth chapter to the sixth chapter focuses on the introduction of grammar, parameters and nature, that is, the status of Dongdong in the style sheet. Chapter 1 Basic Cognition of CSS:

This is this chapter! Introduce you some

CSS basic concept and understanding.

Chapter II CSS Application:

Introduce you

Introduction to the basic announcement, application method and characteristics of CSS.

Chapter III CSS Application Supplement:

Introduce you

Other ways, application and characteristics of CSS.

Chapter 4 Page Nature CSS:

Introduce the nature of the page for you

CSS related grammar, parameters and properties.

Chapter 5 CSS of the character of the text:

Introduce the character of text

CSS related grammar, parameters and properties.

Chapter 6 CSS:

Introduce the nature of blocks

CSS related grammar, parameters and properties.

Basic recognition application

It is not difficult to apply CSS, but please refer to the basic understanding here. After some language has a basic concept, for your teaching, you will help you, it looks too much! I. Cognition of basic language:

element

(ELEMENT): Tagging in the basic syntax of HTML

(tag).

Attributes

(attribute): To describe the properties of the tag feature.

E.g:


HR is the label, width is attribute, and 80% is the value of the width property.

nature

(Property): Used to describe the characteristics of the component. It is equivalent to the properties in the HTML basic syntax.

style

(STYLE): It has a group of nature of the array to describe component characteristics.

Selection

(Selector): Set of components of style.

E.g:

H3 {color: blue}, H3 is the value of the choice, color is nature, and Blue is the value of Color.

Second, the awareness of basic units: There are two units of relative units and absolute units. Relative unit:

"EM": proportional factor with respect to letter height.

"En": proportional factor relative to the size of the word type.

"%": Percentage relative to the length unit (usually the size of the current word type).

Absolute unit:

"In": inches.

"Cm": cent.

"Mm": Male.

"PX": pixel (system preset unit).

"PC": PICA, printing alone.

"PT": image point.

Relative relationship: 1IN = 6pc = 72pt = 2.54cm = 25.4mm

Third, the understanding of color use:

There are five ways to express color.

"#Rggbb":

The red, green, blue three original color value of 0 to 255 decisor values ​​were indicated by the hexading values ​​of three 00 to FF.

"#RGB":

A simplicity of the representation, only the hexading values ​​of three 0 to F represent red, green, blue three original color values, respectively. In fact, the browser will automatically expand to six hexadecimal values, such as "#abc" will change to "#aabbcc". However, it is obvious that such a representation is not accurate.

"RGB (R, G, B)":

The color is represented by red, green, and blue three primary colors of 0 to 255 decisions.

"RGB (R%, g%, b%)":

The color is represented by red, green, and blue to each other, such as "RGB (60%, 100%, 75%).

"Color_name":

Directly represented the color directly, there are 141 standard color names.

Fourth, URL's understanding:

CSS's URL indicates a total of five ways, and you can use it by itself.

URL (http: // YourWeb / path / file_name) URL ('http: // YourWeb / Path / file_name ") URL (" http: // YourWeb / Path / file_name ") URL (' http: // YourWeb / Path / file_name ') URL ("http:// YourWeb / Path / file_name")

With these basic understandings and concepts, you will come to introduce you to the application method of CSS!

转载请注明原文地址:https://www.9cbs.com/read-90656.html

New Post(0)