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

This article focuses on "what are the CSS selectors and common styles". Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "what are the CSS selectors and common styles?"

Basic use of CSS

Write it directly in the tag.

Paragraph

Write it in the style tag

Span {color: aquamarine;}

Use external .css files

@ import "font_css.css"

Link

@ import (this method is not recommended)

CSS selector

Priority: id selector > class selector > tag selector

Tag selector: tag signature {}

Class selector ("." Symbol): .class name {}

Id selector ("#" symbol, id selector is unique): # id name {}

Group selector ("," comma separated):

The group selector can select multiple tags at the same time

P,div {...}

Hierarchical selector

Offspring (symbol ">"): div > p {...}

Descendants (spaces): div p {...}

Adjacent (symbol "+"): # p_id~span {...}

Brother (symbol "~"): # p_id~p {...}

Pseudo-class selector (symbol ":")

A:active {...}

A:hover {...}

A:visited {...}

A:link {...}

Link: unaccessed styles

Visited: style after access

Hover: scratched style

Active: active styl

Font

Font: font-family

Font size: font-size

Font style: font-style

Font weight: font-weight

Font lowercase: font-variant (change lowercase letters to uppercase letters in small fonts)

Compound style: font (default order: style variant weight size/height family)

Text

Alignment: text-align

First line indent: text-indent

Text line: text-decoration

Kerning: letter-spacing

Word spacing: word-spacing

Line height: line-height

Background

Background color: background-color

Background picture: background-image

Background bedding: background-repeat

Background size: background-size

Background location: background-position

Compound style: background

Backgroud:red url ("") no-repeat center

Common style 1. Font-family: font, eg: Microsoft-Yahei2. Font-size/color: font size / color 3. Font-weight:bold bold 4. Font-style:italic underline 5. Text-decoration:underline underline 6. Text-decoration:line-through delete line 7. Text-indent:2em indent text 2 times size 8. Line-height:1.5em line spacing: 1.5 times text size 9. Letter-spacing:50px word spacing Letter spacing 10.word-spacing:50px word to word spacing 11.text-align:center/left/right Center / left / right 12.color:rgb (255255255) The parameter is a number of 0-255. the color can be adjusted by 13.backgroud-image:url ("1.png"); background figure 14.Backgroudmuri repeatlon repeatlly repeatlable white repeatlt; picture by column / row / corner 15.backgroud-position:right center/center center; image position right center 16. The above can be abbreviated as: backgroud: red url ("1.png") no-repeat center;17.border:solid 1px red; border attribute 18.ul, ol {list-style:. } list attribute 19.display blockcontrol inline inline and block-level switch / hide to this, I believe you have a deeper understanding of the "CSS selector and commonly used styles", might as well to actual operation it! Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

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.