Đang chuẩn bị nút TẢI XUỐNG, xin hãy chờ
Tải xuống
Simple CSS - Bài 5&6: Text- Pseudo-classes For Links Định dạng và thêm vào các kiểu định dạng đặc biệt cho phần nội dung một trang web là một vấn đề quan trọng cho bất cứ nhà thiết kế web nào. Như đã nói, ở bài học này chúng ta sẽ được tìm hiểu về các thuộc tính CSS về định dạng văn bản. 5.1. Màu chữ (thuộc tính color): Để định màu chữ cho một thành phần nào đó trên trang web chúng ta sử dụng thuộc tính color. Giá trị của thuộc tính này là các giá trị màu. | Simple CSS - Bài 5 6 Text- Pseudo-classes For Links Simple CSS Slundüi d Edition V0p Định dạng và thêm vào các kiểu định dạng đặc biệt cho phần nội dung một trang web là một vấn đề quan trọng cho bất cứ nhà thiết kế web nào. Như đã nói ở bài học này chúng ta sẽ được tìm hiểu về các thuộc tính CSS về định dạng văn bản. 5.1. Màu chữ thuộc tính color Để định màu chữ cho một thành phần nào đó trên trang web chúng ta sử dụng thuộc tính color. Giá trị của thuộc tính này là các giá trị màu CSS hỗ trợ. Ví dụ sau chúng ta sẽ viết CSS để định màu chữ chung cho một trang web là đen cho tiêu đề h1 màu xanh da trời cho tiêu đề h2 màu xanh lá chúng ta sẽ làm như Trích body color 000 h1 color 0000FF h2 color 00FF00 5.2. Thuộc tính text-indent Thuộc tính text-indent cung cấp khả năng tạo ra khoảng thụt đầu dòng cho dòng đầu tiên trong đoạn văn bản. Giá trị thuộc tính này là các đơn vị đo cơ bản dùng trong CSS. Trong ví dụ sau chúng ta sẽ định dạng thụt đầu dòng một khoảng 30px cho dòng văn bản đầu tiên trong mỗi đoạn văn bản đối với các thành phần p Trích p text-indent 30px 5.3. Thuộc tính text-align Thuộc tính text-align giúp bạn thêm các canh chỉnh văn bản cho các thành phần trong trang web. Cũng tương tự như các lựa chọn canh chỉnh văn bản trong các trình soạn thảo văn bản thông dụng như MS Word thuộc tính này có tất cả 4 giá trị left canh trái - mặc định right canh phải center canh giữa và justify canh đều . Trong ví dụ sau chúng ta sẽ thực hiện canh phải các thành phần h1 h2 và canh đều đối với thành phần p Trích h1 h2 text-align right p