grammatical content of css-CSS Tutorial-php.cn

grammatical content of css

不言

Release： 2018-04-24 16:38:38

Original

1505 people have browsed it

This article mainly introduces the grammatical content of css, which has certain reference value. Now I share it with everyone. Friends in need can refer to it

1.css introduction
You can control the effects of web pages, including font size, color, font, line spacing, word spacing, background image, positioning, background color
2.css writing style method
1) Inline Style

<b>默认效果</b><b style="color:#F00;">文字变为红色</b>

Copy after login

Note: Inline style directly writes CSS style attributes to the tag, and the tag reading directly changes to the corresponding effect
Only affects the inline style
2) Internal style

<head><style type="test/css">b{color:#F00;}</style></head><body><b>变为红色了</b></body>

Copy after login

Internal styles are written in the head area of the HTML page. The corresponding objects in the body will be read and changed into corresponding effects. Writing above the bottom controls
Only affects the current page p
3) External styles

<head><link rel="styleheet" href="css/new_filecss"/></head>

Copy after login

External style css is an independent file. You need to write a line of link code in the head of the HTML page to write the corresponding element in HTML and call the css style effect written by the external style

3.CSS Grammar writing
Css writing mainly consists of css attributes and css attribute values

<b style="color:#F00;">文字变为红色</b>

Copy after login

style is the style, color is the css attribute, #F00 is the value of the attribute, note: with;

b{width：600px；height：60px；
}

Copy after login

Braces wrapped CSS properties and CSS styles

The above is the detailed content of grammatical content of css. For more information, please follow other related articles on the PHP Chinese website!