In the construction field, we have interior; in beauty - beauty, we have the technical make-up, while in the field of web design we have CSS. This is just a definition images rich in Pearl only (but also the subtle (smile). The CSS (Cascading Style Sheets which translates as Pearl form the Style Sheets) is a language that specifies how to present to the documents written in HTML, XHTML, XML, SVG, or UML, ...
Contents Page
Preface ............................................... ... .............................. 6
Lesson 1: Introduction ............................................. ..... ...................... 8
1.1. What is CSS? .................................................. ....................................... 8
1.2. Why CSS? .................................................. .................................. 8
1.3. Learn CSS to what? .................................................. ................ 9
Lesson 2: A number of conventions on how to write CSS ...................................10
2.1. CSS Syntax ............................................... ... ................................. 10
2.2. CSS Units ............................................... ... .................................... 13
2.3. CSS Placement .............................................. .... ................................. 14
2.4. The priority ............................................... ... ....................................... 18
Lesson 3: Color text and background colors .......................................... ........ ....21
3.1. Background-color attribute ............................................. ..... ......... 21
3.2. Background-image attributes ............................................. ..... ....... 21
3.3. Background-repeat attribute ............................................. ..... ....... 22
3.4. Background-attachment attributes ............................................. .... 23
3.5. Background-position attribute ............................................. ..... .... 23
Lesson 4: Fonts ............................................. ..... ........................ 26
4.1. Font-family Properties ............................................. ..... ................... 26
4.2. Font-style properties ............................................. ..... ...................... 27
Page 4
Simple CSS WallPearl Standard Edition
4.3. Font-variant properties ............................................. ..... .................. 27
4.4. Font-weight properties ............................................. ..... .................. 28
4.5. Font-size attribute ............................................. ..... ....................... 28
Lesson 5: Text .............................................. .... ............................... 30
5.1. Color attributes ............................................... ... ............................. 30
5.2. Text-indent attribute ............................................. ..... .................... 30
5.3. Text-align attribute ............................................. ..... ...................... 31
5.4. Letter-spacing attribute ............................................. ..... .............. 31
5.5. Text-decoration attribute ............................................. ..... ............ 32
5.6. Text-transform Properties ............................................. ..... ............. 32
Lesson 6: Pseudo-classes for Links .......................................... ...... 33
Lesson 7: Class & id ............................................ ...... ..................... 36
7.1. Element with the class group ............................................. ....................... 36
7.2. Identify the element with id ............................................ ...... ............... 38
Lesson 8: Span & div ............................................ ...... .................... 40
8.1. Group elements with ........................................... ....... ............. 40
8.2. Group elements with
Contents Page
Preface ............................................... ... .............................. 6
Lesson 1: Introduction ............................................. ..... ...................... 8
1.1. What is CSS? .................................................. ....................................... 8
1.2. Why CSS? .................................................. .................................. 8
1.3. Learn CSS to what? .................................................. ................ 9
Lesson 2: A number of conventions on how to write CSS ...................................10
2.1. CSS Syntax ............................................... ... ................................. 10
2.2. CSS Units ............................................... ... .................................... 13
2.3. CSS Placement .............................................. .... ................................. 14
2.4. The priority ............................................... ... ....................................... 18
Lesson 3: Color text and background colors .......................................... ........ ....21
3.1. Background-color attribute ............................................. ..... ......... 21
3.2. Background-image attributes ............................................. ..... ....... 21
3.3. Background-repeat attribute ............................................. ..... ....... 22
3.4. Background-attachment attributes ............................................. .... 23
3.5. Background-position attribute ............................................. ..... .... 23
Lesson 4: Fonts ............................................. ..... ........................ 26
4.1. Font-family Properties ............................................. ..... ................... 26
4.2. Font-style properties ............................................. ..... ...................... 27
Page 4
Simple CSS WallPearl Standard Edition
4.3. Font-variant properties ............................................. ..... .................. 27
4.4. Font-weight properties ............................................. ..... .................. 28
4.5. Font-size attribute ............................................. ..... ....................... 28
Lesson 5: Text .............................................. .... ............................... 30
5.1. Color attributes ............................................... ... ............................. 30
5.2. Text-indent attribute ............................................. ..... .................... 30
5.3. Text-align attribute ............................................. ..... ...................... 31
5.4. Letter-spacing attribute ............................................. ..... .............. 31
5.5. Text-decoration attribute ............................................. ..... ............ 32
5.6. Text-transform Properties ............................................. ..... ............. 32
Lesson 6: Pseudo-classes for Links .......................................... ...... 33
Lesson 7: Class & id ............................................ ...... ..................... 36
7.1. Element with the class group ............................................. ....................... 36
7.2. Identify the element with id ............................................ ...... ............... 38
Lesson 8: Span & div ............................................ ...... .................... 40
8.1. Group elements with ........................................... ....... ............. 40
8.2. Group elements with
........................................... ....... ................ 40
Lesson 9: Box Model ............................................. ..... .................... 43
10: Margin & padding ............................................ ...... ...... 45
10.1. Properties margin ............................................... ... ........................ 45
10.2. Padding attributes ............................................... ... ...................... 47
Page 5
Simple CSS WallPearl Standard Edition
Lesson 11: Border .............................................. .... ......................... 48
11.1. Border-width attribute ............................................. ..... .............. 48
11.2. Border-color attribute ............................................. ..... ............... 48
11.3. Border-style properties ............................................. ..... ................ 48
Lesson 12: Height & width ............................................ ...... ........... 50
12.1. Attribute width ............................................... ... .......................... 50
12.2. Max-width properties ............................................. ..... .................. 50
12.3. Min-width attribute ............................................. ..... .................. 50
12.4. Attribute height ............................................... ... ......................... 50
12.5. Max-height Properties ............................................. ..... ................. 51
12.6. Min-height attribute ............................................. ..... .................. 51
Last 13: Float & clear ............................................ ...... ............... 52
13.1. Attribute float ............................................... ... ............................ 52
13.2. Clear Attribute ............................................... ... ........................... 53
Lesson 14: Position .............................................. .... ....................... 54
14.1. Absolute position ................................................ .. ......................... 55
14.2. Relative position ................................................ .. .......................... 56
Lesson 15: Layers .............................................. .... .......................... 57
Lesson 16: Web standard ............................................. ..... ............. 59
Appendix ................................................ .. ..................................... 60
Lesson 9: Box Model ............................................. ..... .................... 43
10: Margin & padding ............................................ ...... ...... 45
10.1. Properties margin ............................................... ... ........................ 45
10.2. Padding attributes ............................................... ... ...................... 47
Page 5
Simple CSS WallPearl Standard Edition
Lesson 11: Border .............................................. .... ......................... 48
11.1. Border-width attribute ............................................. ..... .............. 48
11.2. Border-color attribute ............................................. ..... ............... 48
11.3. Border-style properties ............................................. ..... ................ 48
Lesson 12: Height & width ............................................ ...... ........... 50
12.1. Attribute width ............................................... ... .......................... 50
12.2. Max-width properties ............................................. ..... .................. 50
12.3. Min-width attribute ............................................. ..... .................. 50
12.4. Attribute height ............................................... ... ......................... 50
12.5. Max-height Properties ............................................. ..... ................. 51
12.6. Min-height attribute ............................................. ..... .................. 51
Last 13: Float & clear ............................................ ...... ............... 52
13.1. Attribute float ............................................... ... ............................ 52
13.2. Clear Attribute ............................................... ... ........................... 53
Lesson 14: Position .............................................. .... ....................... 54
14.1. Absolute position ................................................ .. ......................... 55
14.2. Relative position ................................................ .. .......................... 56
Lesson 15: Layers .............................................. .... .......................... 57
Lesson 16: Web standard ............................................. ..... ............. 59
Appendix ................................................ .. ..................................... 60
Không có nhận xét nào:
Đăng nhận xét