tailieunhanh - beginning html xhtml css and javascript phần 9

Ngoài ra còn có một số phong cách CSS được sử dụng trong lightbox, vì vậy bạn có thể liên kết đến phong cách trang tính này bao gồm các quy tắc trong bảng phong cách riêng của của bạn:Cuối cùng, bạn tạo một liên kết cho mỗi hình ảnh trong lightbox, ở đây bạn có thể thấy một lightbox có chứa ba | Appendix A Answers to Exercises td color 000000 padding 2px Chapter 8 Exercise 1 In this exercise you create a linked table of contents that will sit at the top of a long document in an ordered list and link to the headings in the main part of the document. The XHTML file is provided with the download code for this book ready for you to create the style sheet. Your style sheet should do the following Set the styles of all links including active and visited links Make the contents of the list bold Make the background of the list light gray and use padding to ensure the bullet points show Make the width of the links box 250 pixels wide Change the style of heading bullet points to empty circles Change the style of link bullet points to squares Your page should look something like Figure A-13. Figure A-13 662 Appendix A Answers to Exercises Answer To start off you can create a rule that applies to the body element to control the background color of the page and the font used. body background-color ffffff font-family arial verdana sans-serif font-size 12px There were several tasks that related to the list of bullet points that make up the contents. If you look at the following rule you can see it starts by setting the background color of the list to a light gray. This is followed by a property that sets the default style of bullet points to empty circles. Then all the text is made bold. The fourth property sets the padding to the left of the list. Finally the width of the lists are set to 250 pixels wide. ul background-color d6d6d6 list-style circle font-weight bold padding-left 30px width 250px The links to the sections are in nested unordered lists and there are a couple of properties you need to set for these lists. First you have to set the bullet points to squares. Second because all unordered lists have a gray background and are 250 pixels wide the nested lists would end up poking out to the righthand side if you did not make them less wide. ul