This week to learn the bootstrap framework, Flatul framework and fast-cutting framework, the framework is a good simplification of our programmer's code, but also allows us to enrich the use of the written CSS and JS style, can be simple, fast, Resolving compatibility issues gives us more focus on web front-end development;
Bootstrap First provides a layout framework called the
960 grid layout, which is formatted as follows:
1. 12 columns
1. left and right gap 10px per grid bar;
2. 60px per grid;
2. Interval 20px between columns and columns;
3. available parts 940px;
2. 16 column divide
1. each grid gap;
2. 40px per grid,
3. 24 column
1. around 5px;
2. 30px per grid;
3. available parts 950px;
4. We applied a responsive layout with XS
Bootstrap also provided us with a range of components, typography, code, buttons, pictures, tables, forms, headings, navigation bars, pagination, tags, etc., so that we can optimize our time allocation without having to write a lot of code.
The Flatul framework is based on a bootstrap framework that provides richer icons and corresponding components
The fast-cutting framework is the leading web front-end engineer in China to develop a framework in some respects closer to the habits and needs of our domestic developers, the potential is great.
CSS Precedence
1. inline > inline = external (inline and external dependent order to determine)
3. Selector relationship:id> element > class selector >
4. Property selector > class Selector
Determine priority based on CSS weight values (4 types)
1. Name selector a b c D
2. Embedded 1 0 0 0
3. ID Selector 0 1 0 0
4. Class Selector 0 0 1 0
5. Properties, pseudo-class 0 0 1 0
6. Pseudo elements, elements 0 0 0 1
7. All values not mentioned are all 0
8. Note: The command to invalidate all weight values:! Important
Bootstrap Framework and CSS FAQ