tailieunhanh - giáo trình HTML5 và CSS3 từng bước phần 4

Tham khảo tài liệu 'giáo trình html5 và css3 từng bước phần 4', 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ả | Applying Bold and Italics 113 In this exercise you will apply bold and italic styles to ordered and unordered lists. SET UP Use the file in the practice folder for this topic. This file is located in the Documents Microsoft Press HTML5 SBS 07Text ApplyingBold folder. Open the foliage file in Notepad and in Internet Explorer. 1. In the style section add bold formatting to the definition of an ordered list. ol list-style-type decimal font-weight bold 2. Save the file and then refresh the Internet Explorer display to see the change. The text of the entire list becomes bold. 3. Create a new style rule for unordered lists setting the font weight to normal. ul font-weight normal 4. Save the file and then refresh the display in Internet Explorer. The unordered list items are no longer bold but the ordered list items are. 5. Create a new style rule for unordered lists within unordered lists setting the font style to italic. ul ul font-style italic - Notepad I II a 1 File Edit Format View Help DOCTYPE HTMLi- cht mi head ctitle F01iage Diagnosisc TiTle clink rel stylesheet type text css href default. css cstyl e ol list-style-type decimal font-weight bold Lil font-wei ght normal Lil Ũ1 font-style italic c style head a 6. Save the file and then refresh the display in Internet Explorer. 114 Chapter 7 X CLEAN UP Close the Notepad and Internet Explorer windows. Applying Strikethrough and Underlining Strikethrough formatting is typically used to denote text that has changed. For example if you have marked down the price of an item you might strike through the original price. List price 21 00 New only Applying Strikethrough and Underlining 115 Most Web designers don t use underlining as a formatting technique because hyperlinks are underlined and it is considered poor design to confuse your users with text that looks clickable but is not. In the example just shown for instance you might think that the text Now only is a hyperlink but it s not it