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

This article mainly shows you "what are the attributes of front-end css technology", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "what are the attributes of front-end css technology" this article.

Text style attributes

How to set the text style in css

When the CSS style attribute is made up of multiple words, the words are connected by the "-" character, such as:

Font-size sets font size

Font-family set Font

Font-style sets font style

Font-weight sets font bold

Font-variant setting font variation

Font sets the comprehensive properties of fonts

When setting the font size, it is set according to your own needs, and the font units are divided into many kinds.

Absolute size: in, cm, mm, pt, pc

Relative size: em (height of element font), ex (height of letter x), px,% represents relative size

II. Typesetting style attributes

The typesetting of the style is also controlled by css, and the method is the same as the setting of the text style properties.

Some properties that control the style

Text-indent first line indent attribute

Letter-spacing character spacing attribute

Line-height Line spacing attribute

Text-transform converts English case

Text-align horizontal alignment attribut

Vertical-align Vertical alignment attribute

Text-decoration sets text effect properties

3. CSS's method of defining colors:

Hexadecimal number

RGB function (integer)

RGB function (percentage)

Color name

Background

Background-color: setting background color

Background-image: setting background image

Background-attachment: sets whether the background image is fixed or scrolls along with the rest of the page

Background-repeat: repeat background-image only vertically

Background-position: property sets the starting position of the background image

The list style mainly sets the style of the list.

List-style-type: property sets the type of list item tag. Valid for all lists

List-style-image: property sets the background image of an element

List-style-position: the attribute indicates how to draw list item tags relative to the contents of the object

These are all the contents of this article entitled "what are the attributes of front-end css technology?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

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.