Thiết kế web giá rẻ

Bởi Chuyên cung cấp web giá rẻ chất lượng đứng đầu công nghệ với đội ngũ kỹ sư đam mê tin học 04.6293.3306 - 0933.339826 - 097.355.1833 5 sao trên 12916người dùng
phóng to thu nhỏ tab Hỗ trợ trực tuyến
Khu vực Hà Nội
Khu vực Hồ Chí Minh
    
phóng to thu nhỏ tab Thống Kê Truy Cập
Hôm nay :  79 
Tuần :  538 
Tháng :  2.114 
Năm :  27.886 
Tất cả :  67.733 
12 Người đang online

Clear trong thiết kế web (bài 4)

Khi dùng Clear trong thiết kế web các bạn chú ý, nó gần như là ngược lại của float và nó thường đi kèm theo nhau. Float dùng để lấp đầy khoảng trống, nhưng nhiều lúc chúng ta không muốn thế, vì vậy clear sinh ra là để không cho phần hiển thị tràn đầy lên trên.
Tôi có ví dụ như sau nếu ta dùng toàn float:left thì sẽ được kết quả như thế này:

Thêm thuộc tính clear vào:

Ta thấy trước khi thêm clear hình và đoạn văn thứ 2 đi lên mà không cùng hàng. Giả sử ta thêm thành phần có tag div class=”clear” ngay sau đoạn van bản 1:

<div id="container">
    <img src="logo.jpg" />
    <p>Đoạn văn bản thứ nhất được float:left</p>
    <div class="clear">
    <img src="logo.jpg" />
    <p>Đoạn văn bản thứ 2 được float:left</p>
</div>

Viết lại css cho class này như sau:

.clear{clear: both}

kết quả như sau:


Clear trong CSS

thuộc tính clear gồm có các giá trị sau:

Clear: left, right, both và none.

Các bạn Liên Hệ:

Công Ty Thiết Kế Web SEO HMS

Điện thoại : 0973.551.833 or 0933.339.826 or 01698.007.885

Email : thietkewebsite@thietkewebseovn.com

Website: http://thietkewebseovn.com/

Bài viết liên quan

Lời nói đầu
 
Học HTML cơ bản(bài 1)
 
Các thẻ hay dùng nhất của HTML trong thiết kế web (bài 2)
 
Float trong thiết kế web (bài 3)
 
Margin trong css
 
Padding trong thiết kế web (Bài 6)
 
viết tắt của margin, padding (bài 8)
 
Hướng dẫn chèn popup vào website
 
opencart là gì
 

Viết đánh giá

Họ và tên:


Đánh giá của bạn: Lưu ý: Không hỗ trợ HTML!

Bình chọn: Dở            Hay

Nhập mã bảo vệ:



 Há»� trợ trá»±c tuyến HMS
Mai Ng�c Bách