ATEC 3361 Lecture Notes - Lecture 6: Web Open Font Format, Google Fonts, Truetype

• School: UT-Dallas
• Department: Arts and Technology
• Course: ATEC 3361
• Professor: Yu-Kwong Chiu

Document Summary

In html, there are two main types of lists: unordered lists () - the list items are marked with bullets ordered lists () - the list items are marked with numbers or letters. Setting the bullet style list-style-type: disc; list-style-type: circle; list-style-type: square; list-style-type: decimal; list-style-type: decimal-leading-zero; list-style-type: upper-roman; list-style-type: lower-roman; list-style-type: upper-roman; list-style-type: lower-alpha; list-style-type: lower-greek; list-style-position: inside; list-style-position: outside; Use an image as a bullet style ul { list-style-image: url("bullet. gif"); List shorthand ul { list-style: ; Styling list with colors ol { background: #ff9999; padding: 20px; ul { background: #3399ff; padding: 20px; ol li { background: #ffe5e5; padding: 5px; margin-left: 35px; ul li { background: #cce5ff; margin: 5px; Table borders table, th, td { border: 1px solid black; Collapse table borders table { border-collapse: collapse; table, th, td { border: 1px solid black; Table width and height table { width: 100%; th { height: 50px; Vertical alignment td { height: 50px; vertical-align: bottom;