TAILIEUCHUNG - HTML cơ bản - p 20

174 Chapter 3: Elements of Style Example : disappearing an element by using the display property (continued) Something is missing. The following sentence is false. The previous sentence is true. Figure shows how this code is displayed in two browser windows. In the window on the right, the mouse is on the link, and the mouse button is held down, causing the first paragraph to disappear. Figure : Changing the display property of a sibling element using the :active pseudo-class Changing an element’s display property from block to none has the effect of making it look as if the element never. | 174 Chapter 3 Elements of Style Example Disappearing an element by using the display property continued head body a href Something is missing. a p The following sentence is false. p p The previous sentence is true. p body html Figure shows how this code is displayed in two browser windows. In the window on the right the mouse is on the link and the mouse button is held down causing the first paragraph to disappear. Figure Changing the display property of a sibling element using the active pseudo-class Changing an element s di spl ay property from bl ock to none has the effect of making it look as if the element never existed on the page. The content following the element is moved up to occupy the space the element once occupied. Of course the element still exists and can be accessed by scripting methods. If the visibility property were used in Example instead a active p visibility hidden the paragraph after the link still disappears but the space it occupied remains. The final paragraph does not move up to take its place. Setting a block element s display property to the value inline-block instructs the browser to treat the element the same way an inline image is treated. The element loses its margins to become part of the content flow of its parent element but keeps its other box properties including height width padding and From the Library of Wow eBook Other CSS Properties 175 borders. If the inline-block element is embedded in text a browser aligns the baseline of its bottom line of text with the baseline of the parent s text. Example illustrates this relationship. Example HTML and CSS coding for inline-block elements DOCTYPE html html head title Example title style type text css faq display inline-block border thin dotted padding 1px font bold small sans-serif faq position relative bottom -1em style head body div id faq The reason that the numbers on a keyboard are arranged p class pad 7 8 9 br 4 5 6 br 1 2 3 p .

• Đồ họa - Thiết kế - Flash
• html cơ bản
• html
• ngôn ngữ html
• thủ thuật htlm
• thiết kế web
• Lập trình web toàn tập với HTML
• HTML căn bản
• Bài tập HTML căn bản
• Khái niệm HTML
• Cấu trúc của HTML
• Các tag cơ bản
• tag HTML
• tài liệu về html
• cơ bản về html
• lập trình html
• Bài giảng Ngôn ngữ HTML
• Thành phần của HTML
• Ngôn ngữ lập trình
• Thẻ HTML nâng cao
• Thẻ HTML cơ bản
• JAVASCRIPT
• CSS và ASP
• phần tử HTML cơ bản
• bài tập cơ bản về HTML
• lập trình ứng dụng
• Lập trình web
• Bài giảng Lập trình web
• Tin học cơ sở
• Bài giảng tin học văn phòng
• Tin học căn bản
• Bài giảng tin học
• Bài giảng Nhập môn HTML
• Các thẻ HTML cơ bản
• Thẻ siêu liên kết
• Thẻ mức đoạn
• Thẻ định dạng ký tự
• HTML toàn tập
• Lập trình Web bằng HTML
• Thành phần Element
• Thuộc tính Attribues
• Giá trị Values
• Viết Codes vào NotePad
• Mô tả HTML
• html co7 bản