Kinh doanh - Marketing
Kinh tế quản lý
Biểu mẫu - Văn bản
Tài chính - Ngân hàng
Công nghệ thông tin
Tiếng anh ngoại ngữ
Kĩ thuật công nghệ
Khoa học tự nhiên
Khoa học xã hội
Văn hóa nghệ thuật
Sức khỏe - Y tế
Văn bản luật
Nông Lâm Ngư
Kỹ năng mềm
Luận văn - Báo cáo
Giải trí - Thư giãn
Tài liệu phổ thông
Văn mẫu
Tài liệu HOT
Tìm
Danh mục
Kinh doanh - Marketing
Kinh tế quản lý
Biểu mẫu - Văn bản
Tài chính - Ngân hàng
Công nghệ thông tin
Tiếng anh ngoại ngữ
Kĩ thuật công nghệ
Khoa học tự nhiên
Khoa học xã hội
Văn hóa nghệ thuật
Y tế sức khỏe
Văn bản luật
Nông lâm ngư
Kĩ năng mềm
Luận văn - Báo cáo
Giải trí - Thư giãn
Tài liệu phổ thông
Văn mẫu
Thông tin
Điều khoản sử dụng
Quy định bảo mật
Quy chế hoạt động
Chính sách bản quyền
0
Trang chủ
Công Nghệ Thông Tin
Đồ họa - Thiết kế - Flash
Float trong CSS
TAILIEUCHUNG - Float trong CSS
Float là kỹ thuật dùng rất nhiều trong thiết kế giao diện bằng CSS dùng để tách một thành phần bất kỳ khỏi cách hiển thị thông thường của nó để tạo chỗ cho những thành phần ở sau di chuyển lên và phủ đầy chỗ trống nếu có. Để hiểu rõ hơn về điều này mời các bạn tham khảo tài liệu Float trong CSS sau đây. | Float trong CSS Thuộc tính float xác định sự trôi nổi của thành phần. Nếu chỉ định nghĩa thuộc tính float đơn giản như vậy chắc chắn chúng ta sẽ không thể nào hiểu được thuộc tính này vì vậy ta hãy xem trước các giá trị của float để xem thuộc tính float tác động lên thành phần như thế nào rồi sau đó sẽ rút ra định nghĩa về float float left float right float nOne Định nghĩa float Code HTML DOCTYPE html PUBLIC - W3C DTD XHTML Transitional EN http TR xhtml1 DTD html head meta http-equiv Content-Type content text html charset utf-8 title Tiêu đề trang web title link href css rel stylesheet type text css media screen print head body div p class first Thành phần A. p p class second Thành phần B. p div body html Hiển thị trình duyệt khi chưa có CSS Thành phần A. Thành phần B CSS Để dễ hình dung thuộc tính float ta sẽ cho thành phần div và 2 thành phần p có nội dung như sau margin 0 padding 0 div border 1px solid red background f3f3cf height 100px background e0e0fc height 100px Hiển thị trình duyệt khi chưa sử dụng float Thành phần A Thành phần B 1. float left Trước khi định nghĩa về float left ta hãy xem ví dụ sau đây Ta thêm nội dung float left cho thành phần A margin padding 0 0 div border 1px solid red background f3f3cf float l eft height 100px background e0e0fc height 100px Hiển thị trình duyệt khi sử dụng float cho thành phần A Thành phần A Thành phần B Kết quả cho thấy background của thành phần A hiện chỉ còn phần chứa text và chiều cao của nó còn thành phần B đã không còn nằm vị trí ban đầu để giải thích cho điều này ta hãy tạm thời xóa màu background của thành phần A Code CSS margin 0 padding 0 div border 1px solid red background f3f3cf float left height 100px background e0e0fc height 100px Hiển thị trình duyệt khi đã tắt background cho thành phần A Thành phần A Thành phần B Phân tích Thành phần phần B Nhìn vào kết quả ta thấy màu background và vùng không .
Trường Phát
71
7
pdf
Báo lỗi
Trùng lắp nội dung
Văn hóa đồi trụy
Phản động
Bản quyền
File lỗi
Khác
Upload
Tải xuống
đang nạp các trang xem trước
Bấm vào đây để xem trước nội dung
Tải xuống
TÀI LIỆU LIÊN QUAN
Float trong CSS
7
57
0
Kỹ thuật Float & Move
7
40
0
Bài giảng Nhập môn HTML và thiết kế Web: Bài 8 - Các thuộc tính hay sử dụng trong thiết kế Web
21
75
0
TÀI LIỆU XEM NHIỀU
Một Case Về Hematology (1)
8
462048
59
Giới thiệu :Lập trình mã nguồn mở
14
23700
74
Tiểu luận: Tư tưởng Hồ Chí Minh về xây dựng nhà nước trong sạch vững mạnh
13
11114
535
Câu hỏi và đáp án bài tập tình huống Quản trị học
14
10347
458
Phân tích và làm rõ ý kiến sau: “Bài thơ Tự tình II vừa nói lên bi kịch duyên phận vừa cho thấy khát vọng sống, khát vọng hạnh phúc của Hồ Xuân Hương”
3
9627
106
Ebook Facts and Figures – Basic reading practice: Phần 1 – Đặng Tuấn Anh (Dịch)
249
8615
1148
Tiểu luận: Nội dung tư tưởng Hồ Chí Minh về đạo đức
16
8355
423
Mẫu đơn thông tin ứng viên ngân hàng VIB
8
7937
2249
Đề tài: Dự án kinh doanh thời trang quần áo nữ
17
6972
260
Giáo trình Tư tưởng Hồ Chí Minh - Mạch Quang Thắng (Dành cho bậc ĐH - Không chuyên ngành Lý luận chính trị)
152
6669
1603
TỪ KHÓA LIÊN QUAN
Đồ họa - Thiết kế - Flash
Float trong CSS
Tác dụng của Float
Thuộc tính Float
Trình duyệt sử dụng Float
Ưu điểm của Float
Thành phần sử dụng Float
TÀI LIỆU MỚI ĐĂNG
B2B Content Marketing: 2012 Benchmarks, Budgets & Trends
17
164
1
24-06-2024
báo cáo hóa học:" Increased androgen receptor expression in serous carcinoma of the ovary is associated with an improved survival"
6
124
1
24-06-2024
báo cáo hóa học:" Journal of the International AIDS Society: an important step forward"
2
111
0
24-06-2024
Bảng màu theo chữ cái – V
11
117
1
24-06-2024
Anh văn TOEFL Vocabulary-008
8
131
0
24-06-2024
The Constituents of Medicinal Plants
185
136
0
24-06-2024
Color Atlas of Ophthamology
165
105
0
24-06-2024
báo cáo hóa học:" A decade of modelling research yields considerable evidence for the importance of concurrency: a response to Sawers and Stillwaggon"
7
117
0
24-06-2024
Báo cáo y học: "Aggrecanases and cartilage matrix degradation"
10
124
0
24-06-2024
Sử dụng mô hình ARCH và GARCH để phân tích và dự báo về giá cổ phiếu trên thị trường chứng khoán
24
1040
0
24-06-2024
TÀI LIỆU HOT
Mẫu đơn thông tin ứng viên ngân hàng VIB
8
7937
2249
Giáo trình Tư tưởng Hồ Chí Minh - Mạch Quang Thắng (Dành cho bậc ĐH - Không chuyên ngành Lý luận chính trị)
152
6669
1603
Ebook Chào con ba mẹ đã sẵn sàng
112
3991
1298
Ebook Tuyển tập đề bài và bài văn nghị luận xã hội: Phần 1
62
5665
1190
Ebook Facts and Figures – Basic reading practice: Phần 1 – Đặng Tuấn Anh (Dịch)
249
8615
1148
Giáo trình Văn hóa kinh doanh - PGS.TS. Dương Thị Liễu
561
3629
664
Giáo trình Sinh lí học trẻ em: Phần 1 - TS Lê Thanh Vân
122
3842
601
Giáo trình Pháp luật đại cương: Phần 1 - NXB ĐH Sư Phạm
274
4353
542
Tiểu luận: Tư tưởng Hồ Chí Minh về xây dựng nhà nước trong sạch vững mạnh
13
11114
535
Bài tập nhóm quản lý dự án: Dự án xây dựng quán cafe
35
4289
483
Đã 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.