tailieunhanh - Creating Cool Web Sites with HTML, XHTML and CSS (2010)- P3

Tham khảo tài liệu 'creating cool web sites with html, xhtml and css (2010)- p3', 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ả | 74 Creating Cool Web Sites with HTM L XHTM L and CSS The effects of both word and line spacing are shown in Figure 4-7. Figure 4-7 Word and line spacing can dramatically change the way text looks on a page. Not all possible settings are good of course. A line height that s too small results in the lines of text becoming illegible as they re overlapped. The single addition of line-height however can significantly improve the appearance of a page and you can increase line height for the entire document by changing the style of the body tag. Adding the following code to the top style block changes all the text on the page body line-height Cool eh I tweak the body container again and again as I proceed. It s very useful Text alignment HTML includes some attributes for the p tag that let you specify if you want the text to be left center or right aligned or justified where both the left and right margins are aligned. These attributes are replaced in CSS with the text-align style which has the following possible values left right center justify Vertical text alignment Here s one feature that you don t see in HTML except in the exceptionally awkward form of sup and sub for superscripts and subscripts respectively. Instead use vertical-align and pick one of the values shown in Table 4-3. Please purchase PDF Split-Merge on to remove this watermark. Chapter 4 Moving into the 21st Century with Cascading Style Sheets Table CSS Vertical Alignment Values Value Explanation top Specifies that top of element aligns with top of highest element in line middle Specifies that middle of element aligns with middle of line bottom Specifies that bottom of element aligns with bottom of lowest element in line text-top Specifies that top of element aligns with top of highest text element in line text-bottom Specifies that bottom of element aligns with bottom of lowest text element in line super Indicates superscript sub Indicates subscript A nice demonstration of