Essential points for simple learning of CSS-CSS Tutorial-php.cn

Essential points for simple learning of CSS

不言

Release： 2018-04-21 15:46:32

Original

1338 people have browsed it

The content introduced in this article is the key points of simple learning of CSS, which has certain reference value. Now I share it with everyone. Friends in need can refer to it

Reference: http://www.w3school. com.cn/css

CSS is something that makes HTML elements display more standardized. It can be written in tags, file headers, outside files, and browser default settings (levels from high to low), Can be standardized.

Element {Attribute: value}

h1 {color:red; font-size:14px;}

Copy after login

Define the text color within the h1 element to red, and set the font size to 14 pixels

CSS is not case sensitive . There is one exception: when it comes to working with HTML documents, class and id names are case-sensitive.

You can group selectors so that grouped selectors share the same declaration.

h1,h2,h3,h4,h5,h6 {  color: green;  }

Copy after login

All title elements are green.

id selector is defined with "#"

#red {color:red;}#green {color:green;}

Copy after login

The first one can define the color of the element as red, and the second one can define the color of the element as green

<p id="red">这个段落是红色。</p><p id="green">这个段落是绿色。</p>

Copy after login

id Attributes can only appear once in each HTML document

Derived selector: define the style through the context
id selector: define the style with a specific id
# Class selector: .class name
Attribute selector: Define styles for specified attributes

External style sheet:

<head><link rel="stylesheet" type="text/css" href="mystyle.css" /></head>

Copy after login

The above is the detailed content of Essential points for simple learning of CSS. For more information, please follow other related articles on the PHP Chinese website!