Học JavaScript qua ví dụ part 65

Định vị các phần tử và lớp Một trong những tính năng quan trọng nhất của CSS là khả năng bố trí trên một trang, kích thước họ, và để làm cho họ hoặc là nhìn thấy được hoặc vô hình. Tính năng này làm cho nó có thể di chuyển đối tượng đến các phần khác nhau của một trang văn bản, di chuyển và hình ảnh, tạo hình ảnh động, tạo ra những chú giải công cụ, văn bản di chuyển, và nhiều hơn nữa. | 572 Chapter 14 Introduction to CSS Cascading Style Sheets with JavaScript EXAMPLE continued 5 td Baby Bear td tr table div body html EXPLANATION 1 2 3 4 5 When a table is defined the data cells will take on this style only if the em tag is used within the cell. See line 3. The em tag used within this h1 tag is not affected by the contextual selector because it is not within a table cell that is it is out of context. The em tag is embedded within a td tag. The table s data will follow the style defined on line 1 it is in context. This table cell is not using the em tag so will not be affected by the style rule on line 1. It can only be affected if in context. This table cell will not be affected by the style rule either because it doesn t use the em tag. See Figure . Figure A table cell is defined by the contextual selector. Positioning Elements and Layers One of the most important features of CSS is the ability to position objects on a page to size them and to make them either visible or invisible. This feature makes it possible to From the Library of Positioning Elements and Layers 573 move objects to different sections of a page move text and images create animation create tooltips scrolling text and more. Normally when you place tags in an HTML document the flow is from top to bottom. Now with style sheets you can set the position of an element even layering one on top of the other see Table . A note about Netscape layers. Netscape 4 introduced layer layer layer tags a prototype of CSS positioning to control the position and visibility of elements on a page and then with Netscape 6 abandoned the whole thing. This book does not address the Netscape layer technology because it is really a thing of the past. However the term layer is still in use and is used to refer to objects using the id attribute. Table Positioning Styles Property What It Specifies bottom right The placement of the bottom right edges of an .