The rear end of the front turn into the pit refers to the North, "03": Some small CSS concept of

The author from senior internship has been a student of Python back-end, and now I understand it should work to describe "rear end" is. Worked for a year now, the moment that work does not conform to his own mind, it means there is no sense of accomplishment. After careful consideration decided to self-front-end content, and share out their own learning process, for your reference, also please supervision.

Click here to see the author's complete line of learning and learning programs. Today, self-study content for the small concepts of CSS .

Click here to see the senior author during the writing of the front end of the white paper.

CSS role

CSS to HTML based, providing a wealth of features, such as fonts, colors, backgrounds and the overall layout of controls, etc., but also can set up different styles for different browsers, so the page more streamlined appearance does not look bloated.

CSS classification

  • Internal style sheet : add a style tag in the head of the document, written in the style css
    css
  • Inline (inline) style : writing directly inside the label.
    css
  • External (outreach) style : references external CSS files in style.
    css

CSS style rules

  1. CSS style selector is used to specify the role of HTML objects within the curly braces is the style of the specific object settings.
  2. Attributes and attribute values ​​in the form of "key pair".
  3. Property is a property of the specified object to style settings, such as font size, text color and the like.
  4. English between the attributes and attribute values ​​":" connection.
  5. A plurality of "key-value pairs" between English ";" distinguishing

CSS selectors

  • Label / element selector : add styles directly for a label.
    css
  • Class Selector : using (dot English) is identified, followed by the class name. "."
    Here Insert Picture Description
  • ID selector : Use the "#" are identified, followed by the id.
    Here Insert Picture Description
  • Global / selector Wildcard : matches all page elements.
    Here Insert Picture Description

Sui Suinian

This thing with the widespread use CSS framework has become less important, being the first to put forward a concept, do not understand the encounter after rolling to investigate, attached link: rookie tutorial , w3school

Published 82 original articles · won praise 12 · views 20000 +

Guess you like

Origin blog.csdn.net/qq_34307082/article/details/104411884