Pro CSS Techniques- P9

Chia sẻ: Thanh Cong | Ngày: | Loại File: PDF | Số trang:5

0
40
lượt xem
7
download

Pro CSS Techniques- P9

Mô tả tài liệu
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

Tham khảo tài liệu 'pro css techniques- p9', công nghệ thông tin, kỹ thuật lập trình phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả

Chủ đề:
Lưu

Nội dung Text: Pro CSS Techniques- P9

  1. 372 ■INDEX font-style property, 327 unicode-bidi property, 330 font-variant property, 327 vertical-align property, 330 font-weight property, 328 white-space property, 328–329 generated content word-spacing property, 329 content property, 345–346 property index, 355 counter-increment property, 346 property values counter-reset property, 346 colors cursor property, 347 color name, 324 overview, 345 hexadecimal value, 323 quotes property, 346 overview, 323 lists RGB value, 324 list-style property, 343 factors and integers, 323 list-style-image property, 344 fonts, 324 list-style-position property, 343 inherit keyword, 325 list-style-type property, 343 length overview, 342 absolute units, 324 overview, 326 overview, 324 positioning relative units, 325 clear property, 340 overview, 323 display property, 338 percentages, 325 float property, 339 position keywords, 325 overview, 338 properties that accept multiple position property, 339 instances, 325 top, right, bottom, left property, 339 URLs, 325 visibility property, 340 property/value pairing, 123 z-index property, 340 pseudo-class selectors, 31–32, 353 printing pseudo-classes, 38, 360 orphans property, 349 pseudo-elements, 38, 353, 360 overview, 347 :before and :after pseudo-element, page-break-after property, 348 35–36 page-break-before property, 347 :first-letter pseudo-element, 33–35 page-break-inside property, 349 :first-line pseudo-element, 32–33 widows property, 349 overview, 32 shorthand properties, 77–78 Python language, 75 tables border-collapse property, 344 ■Q border-spacing property, 344 q element, 4 caption-side property, 345 quotation marks, 194 empty-cells property, 344–345 quotations, 211, 346 overview, 344 quotes property, 346 table-layout property, 345 text-decoration property, 328 ■R text-transform property, 328 radio buttons, 248, 252 type spacing and alignment red, green, and blue (RGB) value, 323 direction property, 330 reduction, 299 letter-spacing property, 330 reflection images, 167 line-height property, 329 reformatting algorithms, 70 overview, 328 rel attribute, 13 text-align property, 329 Related Links list, 266 text-indent property, 329 relative units, 324–325
  2. ■INDEX 373 relative-size keywords, 203–204 overview, 14, 27 remote image swaps, 180–183 pseudo-class selectors, 31–32 rendering engine, 61, 87 pseudo-elements replacement image, 212 :before and :after pseudo-element, reset style sheet, 237 35–36 reset.css file, 83 :first-letter pseudo-element, 33–35 resize fonts, 203 :first-line pseudo-element, 32–33 resolution-dependent layouts, 132–133 overview, 32 RGB (red, green, and blue) value, 323 simple selectors, 28 RGB value, 324 universal “star” selector, 29 Richard Rutter's 62.5 percent hack, 204 semantic markup, 2. See also (X)HTML right property, 339, 359 semantic table code, 225 right-aligned bullets, 262 separate table borders, 229 root-relative paths, 301 serif fonts, 285 Rubin, Dan, 49 serif typeface, 192, 208 Rundle image replacement, 212–213 set solid typeface, 201 Shift key, 75 ■S Find it faster at http://superindex.apress.com/ shorthand properties, 77–78 Safari, 295 sibling combinators, 28 Safari browser, 61, 86 sibling selectors, 210 Safari Tidy plug-in, 296 simple selectors, 28 samp element, 4 site hierarchy, 175 sans serif typefaces, 193, 208 site search, 168–169 scaling factor, 203 sitewide header links, 168–169 scope, 222–223 sizing type scores, 47 absolute-size keywords, 202 scoring, 47–48 overview, 201–202 and !important declaration, 49 relative-size keywords, 203 and inline styles, 48–49 Richard Rutter's 62.5 percent hack, and matching selectors, 48 204 screen magnification tool, 160 using percentages and ems, 204 screen media type, 278 using pixels, 203 screen type, 12, CSS Media slash (/), 78 search box, positioning, 170–171 slash-star, star-slash syntax, 78 search engines, 155 Small Screen Rendering (SSR), 69 section entry page, 143–144 small-caps style, 327 selector targets, 351 Source Code/Download section, 39, 100 selectors, 14, 301 source order, 88, 300 adjacent sibling selectors, 20, 31 span element, 5, 180, 288 attribute selectors specificity, 27, 300–301 overview, 20–21 specificity chart particular attribute selector, 22 attribute selectors, 352 presence of, 21 descendant, child, and adjacent sibling values, 21–22 selectors, 352 child selectors, 19–20, 30–31 element selectors, 351 class selectors, 15–16 overview, 351 combined selectors, 28–29 pseudo-class selectors, 353 descendant selectors, 18–19, 30 pseudo-elements, 353 element selectors, 15, 30 splash page, 141–143 ID selectors, 17 sprites, 179–183
  3. 374 ■INDEX square brackets ([ ]), 20 markup src attribute, 21 abbr attribute, 221 SSR (Small Screen Rendering), 69 assigning scope, 222–223 standards compliance mode, 202 caption element, 220 standards-compliant browser, 69 columns, 224–225 Star HTML hack, 91–92 example of, 225–226 static state, 265 overview, 219–220 storage, style scope attribute, 221–222 overview, 74 summary attribute, 225 path to CSS, 74 th element, 221 using multiple files as one style sheet, thead, tfoot, and tbody elements, 74–75 223–224 strokes, 192 overview, 219 strong element, 4, 19, 203, 351 tabular data, 219 structure layer, 9 tag selectors, 15, 30 style attribute, 48 tagline, positioning, 165–166 style element, 13–14 target elements, 38 style switcher tool, 160 tbody element, 223–224 styles.css file, 11 td element, 220–221 subheadings. See headings text. See typography and subheadings text-align property, 208, 329, 358 submit button, 248 text-align value, 116 subnav, adding, 318–320 text-decoration property, 264, 328, 358 summary attribute, 225 text-indent property, 209, 329, CSS syntax validators, 76 text-intent property, 213, 358 system font keywords, 324 text-shadow property, 358 text-transform property, 205, 328, 358, ■T CSS tabbed navigation, CSS–based tfoot element, 4, 223–224 creating markup, 172 th element, 4, 221 overview, 172 thead element, 4, 223–224 positioning links, 172 three-column layout method, 309 styling links, 173–174 three-pixel jog, 304–306, 317 table element, 5, 219, 230 tilde-equal (~=) indicator, 22 table elements, 250 title attribute, 13 table properties titling groups of links, 268–270 border-collapse property, 344 top property, 339, 359 border-spacing property, 344 tr element, 220, 224 caption-side property, 345 translating spec, 38 empty-cells property, 344–345 transparent elements, 340 overview, 344 transparent value, 334 table-layout property, 345 “trigger” point, 132, 279 tag, 220 tty type, 12, 278 table-layout property, 345, 360 tv type, 12, 278 table-related elements, 219 type attribute, 11, 248 tables type selectors, 30 adding style type spacing and alignment properties overview, 227–229 direction property, 330 styling caption, 233 letter-spacing property, 330 table borders, 229–231 line-height property, 329 zebra tables, 232–233 overview, 328
  4. ■INDEX 375 text-align property, 329 transforming text, 205 text-indent property, 329 typeface classification unicode-bidi property, 330 cursive, 193 vertical-align property, 330 fantasy, 193–194 white-space property, 328–329 monospace, 193 word-spacing property, 329 overview, 192 type styling, 227 sans serif, 193 typeface selection serif, 192 Microsoft Vista Fonts, 198 typeface selection with CSS overview, 194 Microsoft Vista Fonts, 198 typeface problem on web, 195, 197–198 overview, 194 using generic font families, 194 typeface problem on web, 195, using specific typeface, 194–195 197–198 typography using generic font families, 194 font property values using specific typeface, 194–195 generic font families, 324 typography.css style sheet, 75 overview, 324 ■U Find it faster at http://superindex.apress.com/ system font keywords, 324 font styles, 204–205 ul element, 17, 19, 187, 310 font variants, 205–206 ul li#description p:first-letter pseudo- font weights element, 353 assigning with keywords, 200 uls element, 54 assigning with numerical values, underscore (_) character, 75 200–201 Unicode standard bidirectional rendering bolder and lighter values, 201 algorithm, 330 overview, 200 unicode-bidi property, 330 headings and subheadings Universal Child Replacement technique, example, 213–216 29 header margins, 211 universal selector (*), 29, 47, 91, 351 image replacement, 212–213 URLS overview, 211 inserting in printed pages, 287–289 overview, 191–192 using JavaScript and DOM to write out, setting blocks of text 288–289 block paragraphs vs. traditional user agent, 194, 277 paragraphs, 209 indicating new paragraphs, 209–211 ■V kerning, 208 validating leading (or line-height), 207–208 markup, 297 line length, 206–207 styles, 297 overview, 206 validator script, 3 setting quotations, 211 values, 14 text alignment and justification, vertical navigation links 208–209 complete page, 266–267 sizing type link hover behavior, 265–266 absolute-size keywords, 202 overview, 262–264 overview, 201–202 padding out links, 264 relative-size keywords, 203 titling and hiding groups of links, Richard Rutter's 62.5 percent hack, 268–270 204 vertical-align property, 170, 330, 359 using percentages and ems, 204 visibility property, 340, 359 using pixels, 203 VisiBone, 197
  5. 376 ■INDEX :visited class, 23 ■X :visited property, 360 X-grade, 68 Vista Fonts, Microsoft, 198 (X)HTML, 69 visual presentation, 1 applying, 3 avoiding [..1], 5 ■W avoiding class attribute, 6–7 warning class, 15 avoiding nonstructural tags, 5 .warning selector, 16 creating markup, 4–5 .warning.help selector, 16 for forms Web Developer Extension (Firefox) fieldset and legend elements, 238 add-on, 294–295 label element, 239 Web Developer Toolbar (Internet Explorer our example form, 239–241 or IE) add-on, 296 overview, 238 web_typography.html file, 213 overview, 2–3 WebKit, 61 tables, 1 whitespace, 30 XHTML 1.0 Strict, 9 whitespace bug, 307–308, 319 XHTML 1.0 Transitional, 9 white-space property, 328–329, 358 XSLT (Extensible Stylesheet Language widows property, 349 Transformations), 7 width of pages. See page width width property, 206–207, 336, 357 ■Y Windows Update, 87 Yahoo! Developer Network, 66 word-spacing property, 329, 358 Yahoo! User Interface library, 83, 237 World Wide Web Consortium (W3C), 2 ■Z wrapper container, 123 zebra tables, 232–233 wrapper element, 95 z-index property, 340, 359 writing direction, 330 zoom layout, 160
Đồng bộ tài khoản