What types of css properties are there?

css属性类型有：1、html标签；2、CSS文字属性；3、CSS符号属性；4、CSS背景样式；5、CSS表单运用；6、CSS边界样式。

本教程操作环境：windows7系统、css3版，DELL G3电脑。

css属性类型有：

一、html标签

• ...

  文字格式化

• ......
  Column block container

• Font size changeThe word you want to enter

• Font colorThe word you want to enter

• The font becomes boldThe word you want to enter

• The font is italicThe word you want to input

• ##The font is underlinedThe word you want to input

• Align to center syntax

  Content

• Align left syntax

  content

• Align right syntax

  content< ;/p>

• Font strikethroughWords you want to enter

• Font settingsThe word you want to input

• Typewriter fontThe word you want to input

• Superscript word^{The word you want to input}

• Subscript word_{The word you want to input}

• Horizontal line

  ---

• Enter the word you want to enter in a new line
  The word you want to enter

• HyperlinkThe name of the link

• The words you want to display enter hereNetwork mail label

• Picture

• Marquee (loop) Words you want to enter

2. CSS Text attributes:

color : #999999; /*Text color*/

font-family : 宋体,sans-serif; /*Text font*/

font-size : 9pt; /*Text size*/

font-style:itelic; /*Text italic*/

font-variant:small-caps; /* Small font*/

letter-spacing: 1pt; /*Distance between words*/

line-height: 200%; /*Set line height*/

font -weight:bold; /*Bold text*/

vertical-align:sub; /*Subscript*/

vertical-align:super; /*Superscript*/

text-decoration:line-through; /*Add strikethrough*/

text-decoration:overline; /*Add top line*/

text-decoration: underline; /*Add underline*/

text-decoration:none; /*Remove link underline*/

text-transform : capitalize; /*Capitalize the first word*/

text-transform : uppercase; /*English uppercase*/

text-transform : lowercase; /*English lowercase*/

text-align:right; /*Text right-aligned* /

text-align:left; /*Justify text to the left*/

text-align:center; /*Align text to the center*/

text-align:justify ; /*Text dispersed alignment*/

vertical-align attribute

vertical-align:top; /*Vertical upward alignment*/

vertical-align:bottom; / *Align vertically downwards*/

vertical-align:middle; /*Align vertically center*/

vertical-align:text-top; /*Align text vertically upwards*/

vertical-align:text-bottom; /*Align text vertically downward*/

3. CSS symbol attributes:

list-style-type:none; /*No number*/

list-style-type:decimal; /*Arabic numerals*/

list-style-type:lower-roman ; /*Lowercase Roman numerals*/

list-style-type:upper-roman; /*Uppercase Roman numerals*/

list-style-type:lower-alpha; /*Lowercase English letters*/

list-style-type:upper-alpha; /*Uppercase English letters*/

list-style-type:disc; /*Solid circle symbol*/

list-style-type:circle; /*Hollow circle symbol*/

list-style-type:square; /*Solid square symbol*/

list- style-image:url(/dot.gif); /*Picture symbol*/

list-style-position:outside; /*Convex row*/

list-style-position :inside; /*Indent*/

4. CSS background style:

background-color:#F5E2EC; /*Background color */

background:transparent; /*Perspective background*/

background-image : url(/image/bg.gif); /*Background image*/

background-attachment : fixed; /*Watermark fixed background*/

background-repeat : repeat; /*Repeat arrangement - web page default*/

background-repeat : no-repeat; / *Do not repeat the arrangement*/

background-repeat : repeat-x; /*Repeat the arrangement on the x-axis*/

background-repeat : repeat-y; /*Repeat the arrangement on the y-axis */

background-position : 90% 90%; /*The position of the x and y axes of the background image*/

background-position : top; /*Align up*/

background-position : buttom; /*Align down*/

background-position : left; /*Align left*/

background-position : right; /*Align right*/

background-position : center; /*Align center*/

a /*All hyperlinks*/

a:link /*Hyperlink text format*/

a:visited /*Viewed link text format*/

a:active /*Format of pressed link*/

a:hover /*Mouse to link*/

The above is the detailed content of What types of css properties are there?. For more information, please follow other related articles on the PHP Chinese website!