Proficient in CSS: advanced Web standard solutions (2nd) (a new version of Amazon's first CSS best-selling book)

Source: Internet
Author: User
Tags image flip

Proficient in CSS: advanced Web standard solutions (2nd) (a new version of Amazon's first CSS best-selling book)

 

Basic Information

By Andy Budd Simon collison Cameron Moll
Translator: Chen Jianjun [same translator's work]
Series name: Turing programming Series
Press: People's post and telecommunications Press
ISBN: 9787115226730
Mounting time:
Published on: February 1, May 2010
Start: 16
Other Details View: http://www.china-pub.com/196593

Introduction

CSS, as part of web standards, has become an indispensable key element in modern web design. CSS seems simple, but it is not easy to be proficient in CSS. When using CSS to develop websites, users may encounter various browser bugs and inconsistencies, and there are various solutions, which often make users feel overwhelmed and do not know where to start.
This book summarizes the most useful CSS technologies, summarizes the best practices in CSS design, discusses the technologies to solve various practical problems, and fills the gaps in CSS books. For this reason, after the English version was published, Luo yangzigui re-printed several times and quickly ranked first in the Amazon book rankings. At the highest, he even joined Harry? Porter is driving together to create a miracle in the sale of computer books.
As the latest version, this book has eliminated outdated content and supplemented a large number of new CSS technologies, covering CSS 3 and HTML 5. It is worthy of the first classic book that web designers must read.

 

Directory

Chapter 1 Basic Knowledge 1
1.1 design the code structure 2
1.1.1 mark Brief History 2
1.1.2 document type, doctype switch, and browser mode 13
1.1.3 validity Verification 14
1.2 Conclusion 17
Chapter 18 find the application target for styles 18
2.1 commonly used selector 18
2.2 General selector 20
2.3 advanced selector 20
2.3.1 sub-Selector and adjacent compatriot selector 21
2.3.2 attribute selector 22
2.3.3 stack and particularity 26
2.3.4 inherit 29
2.4 planning, organizing, and maintaining style sheets 31
2.4.1 apply style 31 to documents
2.4.2 style guide 35
2.5 Summary 37
Chapter 1 visual format model 38
3.1 box model overview 38

. 3.1.1 IE and box model 40
3.1.2 extra margin 41
3.2 positioning overview 43
3.2.1 visual formatting model 43
3.2.2 relative positioning 44
3.2.3 absolute positioning 45
3.2.4 floating 47
3.3 summary 53
Chapter 1 background image effect 54
4.1 background image basics 54
4.2 rounded corner Box 57
4.2.1 fixed width rounded corner frame 57
4.2.2 Summit corner 62
4.3 projection 67
4.3.1 simple CSS projection 68
4.3.2 projection method from clagnut 70
4.4 opacity 73
4.5 image replacement 78
4.5.1 FIR 79
4.5.2 phark 80
4.5.3 sifr 80
4.6 Summary 82
Chapter 3 apply link styles 83
5.1 simple link style 83
5.2 make the underline more interesting 85
5.2.1 simple link modification 85
5.2.2 odd link underline 86
5.3 style 87 of accessed links
5.4 set a style for the Link Target 87
5.5 highlight different types of links 88
5.6 create a link similar to a button 91
5.6.1 simple flip 92
5.6.2 image flip 93
5.6.3 flip 93 of Pixy Style
5.6.4 CSS genie 95
5.6.5 use CSS 3 to flip 96
5.7 pure CSS tool tip 98
5.8 Conclusion 100
Chapter 2 apply a style and create a navigation bar to the list 6th
6.1 basic list style 101
6.2 create basic vertical navigation bar 102
6.3 highlight the current page in the navigation bar 105
6.4 create a simple horizontal navigation bar 106
6.5 create a graphical navigation bar 108
6.6 simplified "Sliding Door" tab-based navigation 110
6.7 suckerfish drop-down menu 112
6.8 CSS image ing 114
6.9 remote flip 124
6.10 Brief description of the definition list 130
6.11 Conclusion 131
Chapter 2 apply styles to forms and Data Tables 7th
7.1 apply a style to a data Table 132
7.1.1 unique element 134 of the table
7.1.2 data table markup 135
7.1.3 apply the style 136 to the table
7.1.4 Add a visual style 137
7.2 simple form layout 139
7.2.1 useful form elements 140
7.2.2 basic layout 140
7.2.3 other elements 142
7.2.4 modify 144
7.3 complex form layout 145
7.3.1 accessible data input element 146
7.3.2 multi-column check box 147
7.3.3 feedback form 150
7.4 Conclusion 152
Chapter 2 Layout 8th
8.1 planned layout 153
8.2 set the basic structure 156
8.3 floating-based layout 158
8.3.1 floating layout of two columns: 158
8.3.2 floating layout of three columns 161
8.4 fixed width, streaming and elastic layout 163
8.4.1 streaming layout 164
8.4.2 elastic layout 166
8.4.3 stream and elastic image 168
8.5 faux column 170
8.6 columns of equal height 173
8.7 CSS 3 columns 176
8.8 css framework and CSS system 177
8.9 Conclusion 181
Chapter 2 bug fixes and bug fixes 9th
9.1 catch bug 183
9.2 basic knowledge of capturing bugs 189
9.2.1 avoid bug 190 at the beginning
9.2.2 isolation 190
9.2.3 create basic test case 191
9.2.4 fix the problem, instead of 191
9.2.5 request help 192
9.3 layout 192
9.3.1 what is layout 192
9.3.2 Effect of layout 193
9.4 solution 195
9.4.1 ie condition note 195
9.4.2 a warning about hack and filter 196
9.4.3 wise use of hack and filter 197
9.4.4 apply the IE for Mac band-pass filter 197
9.4.5 apply the asterisk HTML hack 198
9.4.6 application sub-Selector hack 199
9.5 Common Bugs and solutions 199
9.5.1 double margin floating bug 199
9.5.2 3 pixel text offset bug 200
9.5.3 duplicate characters in IE 6 bug 201
9.5.4 "hidden cats" bug 202 in IE 6
9.5.5 relative to absolute positioning in the container 203
9.5.6 stop criticizing ie 204
9.6 hierarchical browsers support 204
9.7 conclusion 206
Chapter 2 Case Study: Roma Italia 10th
10.1 about this instance study 207
10.2 base 209
10.2.1 focus on HTML 5 210
10.2.2 reset.css 211.
10.3 1080 layout and grid 212
10.4 advanced CSS 2 and CSS 3 features 215
10.4.1 do websites need to look exactly the same in each browser? 216
10.4.2 attribute selector 217
10.4.3 box-shadow, rgba, and text-overflow 218
10.5 font link and better web layout 221
10.5.1 set as before
Font-size 221
10.5.2 punctuation hanging 222
10.5.3 multi-column text layout 224
10.5.4 @ font-face 225
10.5.5 cufón, transition to @ font-FACE: 228
10.6 adding interactivity with Ajax and jquery 230
10.6.1 Ajax 230
10.6.2 jquery 231
10.6.3 use Ajax and jquery to search 232
10.7 conclusion 234
Chapter 2 Case Study: climb the mountains 11th
11.1 about this instance study 235
11.2 organization and conventions of style sheets 237
11.2.1 screen.css 238.
11.2.2 reset 239
11.2.3 use conditional comments for IE style sheets 239
11.3 grid flexibility 240
11.4 use the body class to control navigation 241
11.4.1 highlight 241 of the current page
11.4.2 control the layer 244 of BLOCKQUOTE
11.5 strategic choice element 245
11.5.1 deep descendant selector 245
11.5.2: the first-Child pseudo class 248
11.5.3 adjacent compatriot selector 249
11.6 transparency, shadow, and rounded corner 250
11.6.1 our goal is 251
11.6.2 image coverage and rgba transparency 252
11.6.3 combo 254
11.6.4 border-radius 255
11.6.5 box-shadow 256.
11.7 positioning list and display content 257
11.7.1 rounded corner 259
11.7.2 main elevation chart 260
11.8 conclusion 266

 

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.