Bài giảng CSS - Bài 14: CSS nâng cao

Chia sẻ: Phuc Nguyen | Ngày: | Loại File: PPTX | Số trang:79

Thêm vào BST

Báo xấu

120
lượt xem 19
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Bài giảng cung cấp cho người học các kiến thức: CSS nâng cao, xây dựng các website, nền tảng cơ bản CSS, giá trị thuộc tính, căn chỉnh lề,... Hi vọng đây sẽ là một tài liệu hữu ích dành cho các bạn sinh viên đang theo học môn dùng làm tài liệu học tập và nghiên cứu. Mời các bạn cùng tham khảo chi tiết nội dung tài liệu.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Bài giảng CSS - Bài 14: CSS nâng cao

CSS nâng cao BỞI PHAN TIẾN
Ngày nay CSS đã trở thành một chuẩn công nghiệp cho xây dựng các website. Dù bạn là một nhà phát triển hay nhà thiết kế web, bạn nên biết cơ bản về nó. CSS là cầu nối giữa lập trình và thiết kế, và bất kỳ ai làm về Web cũng phải có kiến thức chung về CSS. Nếu bạn mới bắt đầu làm việc với CSS, hãy bắt đầu với một trình soạn thảo yêu thích và làm theo các hướng dẫn trình bày trong bài này và các bài thực hành sử dụng CSS.
• 1. Padding và Margin • Hầu hết những người mới bắt đầu thường lẫn lộn giữa padding và margin và sử dụng chúng không đúng cách. Các bài thực hành sử dụng thuộc tính height để tạo padding hoặc margin cũng dẫn đến các lỗi hoặc không thống nhất trong ứng dụng. Hiểu về padding và margins là tiền đề để sử dụng CSS. • PADDING VÀ MARGIN LÀ GÌ?
• MÁCH NHỎ • Hãy nhớ rằng padding sẽ thêm tổng chiều rộng vào phần tử của bạn. Ví dụ, nếu bạn chỉ định độ rộng phần tử là 100 pixels, và bạn đặt padding bên trái và bên phải là 10 pixels thì bạn sẽ dành tổng cộng 120 pixels cho phản tử này. • 100px (nội dung) + 10px (padding bên trái) + 10px (padding bên phải) = 120px (tổng độ rộng phần tử)
• 2. Floats • Floats là phần tử nền tảng cơ bản CSS trong xây dựng các website và có thể được dụng để căn chỉnh ảnh và bố trí các layout và các cột. Bạn đã từng căn chỉnh các phần tử bên trái và bên phải trong HTML, thì float cũng làm việc tương tự như vậy. • Theo HTML Dog, thuộc tính float “xác định độ rộng cố định của hộp được thả nổi,
• 3. Căn chỉnh vào giữa • Thẻ của HTML đã lâu không còn được sử dụng. Chúng ta có những cách khác nhau để căn chỉnh vào giữa của một phần tử. • CĂN CHỈNH THEO CHIỀU NGANG (HORIZONTAL) • Bạn có thể căn chỉnh theo chiều ngang của text trong các thẻ HTML sử dụng