Table of Contents
2. Tag relationship
3.CSS-Cascading Style Table
4. How to introduce CSS
7. Element inclusion (category of display methods)
9.CSS的三大特性
10.补充知识笔记
11.标准流:块级元素独占一行显示;标准流的显示方式:元素默认的显示方式
12.浮动:浮动用来解决文字图片环绕问题;用来制作导航栏,网页布局
13.定位:方位:left、right、top、bottom
14. CSS Wizard Rabbit: Select a transparent document
15. CSS visibility
Every inlne-block element has a default vertical-align:baseline
In the process of web page layout, use the standard stream if you can use the standard stream
p can contain tags under any standard stream
After floating, the element can set the width and height
CSS3 and CSS2: CSS is powerful and the code is concise
Home Web Front-end CSS Tutorial The most concise CSS learning notes

The most concise CSS learning notes

Dec 12, 2017 pm 01:59 PM
css notes

CSS is a computer language used to express file styles such as HTML (an application of Standard Generalized Markup Language) or XML (a subset of Standard Generalized Markup Language). CSS can not only statically modify web pages, but can also cooperate with various scripting languages ​​to dynamically format various elements of web pages. CSS can perform pixel-level precise control of the layout of element positions in web pages, supports almost all font sizes and styles, and has the ability to edit web page objects and model styles.

1. Common attributes


  1. name: name, can be repeated, can be the same;

  2. class: The class name can be repeated or multiple, for CSS; such as

    ;

  3. id: unique identifier, cannot be repeated, generally used in JavaScript; the naming rules are the same as those of other languages;

  4. title: title, which can be added in the tag; such as ;

2. Tag relationship


  1. Descendant relationship: parent-child relationship (including relationship);

  2. Brother relationship: same-parent relationship;

3.CSS-Cascading Style Table


  1. CSS comments:/The comment content is written here for the programmer to see and will not be displayed on the page/;

  2. CSS grammar rules: All symbols must be entered in English input mode, in lowercase, and attributes must be written in braces. Each attribute statement must end with a semicolon, and the attribute value must have a pixel unit (px); format : Attribute: attribute value;

4. How to introduce CSS


  1. Inline introduction: How to introduce styles in tags ;Format: Content;Note: The maintainability of the code is extremely poor, and the CSS code and html structure are not separated ;The scope of influence is only in the current tag;

  2. ##Inline introduction: add