TAILIEUCHUNG - The Best-Practice Guide to xHTML and CSS phần 5

Là một tiền thưởng thêm, hầu hết các trình duyệt sử dụng thuộc tính này để cung cấp văn bản giữ chỗ trong khi hình ảnh được tải về. Giá trị có thể cung cấp cho một ý tưởng về hình ảnh đại diện, nhưng không có toàn € "nó có thể được bất cứ điều gì mà đầy đủ sẽ phục vụ như là nội dung thay thế cho hình ảnh. | 110 chapter 5 layout Fixed Fixed boxes position fixed are similar to absolutely positioned boxes apart from the fact that they are fixed to the viewport. Like background images set to background-attachment fixed see Chapter 4 fixed boxes will not scroll when the rest of the content does. Unlike fixed backgrounds though fixed boxes are not supported by Internet Explorer 6 though they are supported in IE 7 . THE Z-INDEX Because positioned boxes are pulled out of the normal flow and can sit on top of one another you may want to control which of these boxes appears where in this stacking order. Suddenly we have three dimensions to think about we have the x-axis that governs where something is horizontally the y-axis where something is vertically and now we have the z-axis which governs depth. The x and y axes are controlled by width height left right top bottom padding margin and so on but we don t need anything so elaborate with the z-axis we just need to state the order in which things appear on top of each other. Like Mighty Mouse z-index is here to save the day. This property is used to specify where in the stacking order a positioned box should be. The higher the number the higher the box is in the stack. z-index 3 will be below z-index 5 but above z-index 1 for example. Floating Floating using the float property is another method that can be used to push around boxes and manipulate how others respond to them. A floated box will basically push the box to the far left float left or right float right of its container and cause surrounding content to flow around it floating 111 rather than continue underneath it. A floated box will override any display type setting and render the box as a block box. CO examples CO examples Second paragraph Has the CSS width 7em float left-applied. First paragraph. Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labors et dolore magna .

TỪ KHÓA LIÊN QUAN
Đã phát hiện trình chặn quảng cáo AdBlock
Trang web này phụ thuộc vào doanh thu từ số lần hiển thị quảng cáo để tồn tại. Vui lòng tắt trình chặn quảng cáo của bạn hoặc tạm dừng tính năng chặn quảng cáo cho trang web này.