Home >Web Front-end >CSS Tutorial >grammatical content of css
grammatical content of css
- 不言Original
- 2018-04-24 16:38:381506browse
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>
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>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>
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>
style is the style, color is the css attribute, #F00 is the value of the attribute, note: with;
b{width：600px；height：60px；
}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!