CSS properties in HTML

The function of CSS is to make the HTML dress up;

CSS is displayed in HTML in three ways: inline, inline, and embedded;

Outer inlay

<like rel= "stylesheet" href= "This writes the connection path"/>

Embedded
<style> Add CSS properties in this area </style>

Inline

<div style= "Write CSS properties here" ></div>

The following are some simple and common CSS properties;

ID selector, class selector, attribute selector: basic inline and outer-nested calling methods;

font-family: Font settings;

A:link: When not visited;

A:visited: After the visit;

A:hover: Move in hover;

A:active: When clicked;

: root is equivalent to HTML page setup;

Td:empty: Give blank add effect, generally used in table;

When Focus Mouse is focused;

:: Selection changes when selecting text;

The setting of the first row of first-line words;

First-letter: the first word;

Number of Countdown: Li:nth-last-of-type (1)

Derivation: All the span tags below the p tag (p span);

The child span of the p tag changes, and the span tag under span does not change but inherits the parent's attributes (P>span)

Set selector: Add attributes to all selected labels

Font-style: Sets the font to a slash.

Text indent: text-indent:20px;

The interval between words: letter-spacing:20px;

The distance between words: word-spacing:30px;

All English letters capitalized:text-transform:uppercase;

All English letters lowercase: text-transform:lowercase;

Initial capitalization: Text-transform:capitalize;

Center text

Text-align:center;

Text Right
Text-align:right;
Dash up
Text-decoration:overline;
Delete Line
Text-decoration:line-through;

Fill Color
Background:firebrick;
Line spacing
line-height:50px;

Picture adaptation
Background-repeat:no-repeat;
Picture Tile Horizontally
Background-repeat:repeat-x;
Tile vertically
Background-repeat:repeat-y;
Fixed background picture
background-attachment:fixed;
Picture size/
background-size:300px Auto;
Percentage of picture size
background-size:20% 10%;

Background-size:cover;
Adaptive text box to vary size
Background-size:contain;

Double two Lines
border:5px double #000;
Top box
border-top:5px solid #000;
The right border Dasheed a dashed line
border-right:5px dashed #269abc;
Bottom Frame
BORDER-BOTTOM:6PX double Aquamarine;
Right border dotted dot line
border-left:5px dotted greenyellow;

Unordered list go to point
List-style:none;
Replace the small point with a full period
List-style-type:circle;
Change the small point into a small solid square
List-style-type:square;
Convert small dots to foreign 123
List-style-type:lower-roman;
Change the dots to pictures
List-style-image:url ("Add Picture");

CSS properties in HTML