Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

What are the technical terms in css

2025-04-04 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

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

This article mainly explains "what professional terms are in css". the explanation in this article is simple and clear, easy to learn and understand. please follow the ideas of Xiaobian and go deep into it slowly to study and learn "what professional terms are in css" together!

1. attribute

Such as height, color, etc., called css attributes.

2. value

In CSS, such as: 10px, 50%,#ccc, etc. These are called CSS values. Common types of values are: integer values, numerical values, percentage values, length values, color values

3. keyword

Some key words in CSS. Such as solid, absolute, block, etc. are keywords

4. variables

There are very few variables in CSS that can be called variables at present, such as currentColor

5. unit of length

(1)。Relative length unit: divided into relative font length unit and relative view length unit

Relative font length units such as em, ex, rem, ch (width of character 0)

A unit of relative visual field length, such as vh, vw, vmin, and vmax.

(2)。Absolute length unit: such as px, pt, cm, etc.

6. function symbol

Values are specified as functions, mainly to represent colors (rgba and hsla), background image addresses (url), calculations (calc), transition effects, and so on. Such as rgba (0,0,0,0.5), url ('a.png'), scale (-1)

7. attribute value

Everything after the attribute colon is called the attribute value. For example: 1pxsolidrgb (0,0,0)

8. Declarations

The attribute name plus the attribute value is the declaration, for example: color:transparent;

9. Declaration block

A declaration block is a series of declarations wrapped in curly braces {}, such as:

{

height:100px;

color:#ccc;

}

10. rule or rule set

A selector appears, followed by a declaration block. as

.nav{

color:tansparent;

width:23px;

}

11. selector

Class selector with ". "selector at the beginning, many elements can apply the same class selector such as: . nav、。active

ID selector, a selector that begins with a "#" and generally points to a unique element. For example: #header,#page

Attribute selector refers to selector containing [], such as input[type="text"]{},[title~="css-world"]{}

Pseudo-class selector, refers to the selector with an English colon in front, such as: first-child,: nth-child (1),: hover

Pseudo-element selector, selector with two consecutive English colons, such as: : after,::befor

12. relational selector

Descendant selector, selecting descendant elements, space concatenation, such as: .parent.child{}

Neighboring descendant selector (child selector), select the regular first-level child elements (son), grandchild, great-grandchild, second child elements, etc. Ignore, use> connection,(IE7 version above) such as: .parent>.first-child{}

sibling selector, select all sibling elements after the current element,~ link,(IE7 version above) such as: .nav~.siblings{}

Neighboring sibling selector, select the sibling elements adjacent to the current element,+ link,(IE7 version above) such as: .header+.nav{}

13.@ rules

Rules that start with the @ character, such as media queries @media, fonts @font-face

Thank you for your reading, the above is the content of "what professional terms are in css", after studying this article, I believe that everyone has a deeper understanding of what professional terms are in css, and the specific use needs to be verified by practice. Here is, Xiaobian will push more articles related to knowledge points for everyone, welcome to pay attention!

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.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report