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

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. chi tiết nội dung tài liệu. | 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Ì? Padding là phần không gian bên trong của một phần tử, và margin là phần không gian bên ngoài của một phần tử. Sự khác biệt trở nên rõ ràng khi bạn áp dụng các màu nền (background) và đường biên (border) tới một phần tử. Không giống như padding, margin không bao phủ bởi cả hai loại màu nền hoặc đường biên bởi vì chúng là khoảng không gian bên ngoài của phần tử hiện tại. 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ử) Tuy nhiên margin sẽ mở rộng khung xung quanh nhưng không trực tiếp ảnh hưởng tới chính phần tử đó. Mẹo này đặc biệt hữu ích khi bán bố trí các cột trong một layout. 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, . | 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Ì? Padding là phần không gian bên trong của một phần tử, và margin là phần không gian bên ngoài của một phần tử. Sự khác biệt trở nên rõ ràng khi bạn áp dụng các màu nền (background) và đường biên (border) tới một .