Các thuộc tính của css
– với lệnh trên, lề trái và phải sẽ tự động được căn giữa, còn lề trên và dưới sẽ được căn lề là 20px. c. lệnh Margins với 3 giá trị: CODE .ClassName { – với lệnh này lề trên căn lề 20px, lề trái & phải sẽ được tự động căn giữa, lề dưới căn lề 50px. 2.Lệnh Padding: – Các lệnh căn lề với padding: CODE .ClassName { – Để dễ dàng hơn ta có thể viết: CODE .ClassName { Ta thấy 2 lệnh trên đều là căn lề, vậy chúng có gì khác nhau, chúng ta sẽ nói thêm về điều này: + margin : khi dùng lệnh này để căn lề thì kích thước của khung nội dung của bạn sẽ được giữ nguyên. 3.Background: – các thuộc tính cơ bản của lệnh như bên dưới: CODE .ClassName { – ví dụ như bạn muốn tạo ảnh nền trong suốt, nằm trên cùng bên phải, không lặp lại, và di chuyển theo chuột, ta sẽ có lệnh như bên dưới: CODE .ClassName { 4.Lệnh font: CODE .ClassName { CODE ul { – để đơn giản ta gộp các thuộc tính chung lại, như bên dưới: CODE ul { 6.lệnh Border (tạo đừơng viền – đường bao) CODE .ClassName { – đơn giản có thể viết CODE .ClassName { 7.Outline (tương tự lệnh border) – ví dụ bên dưới là tạo đương viền cho ảnh CODE img { CODE img { 8.Lệnh màu : – có thể sử dụng 1 trong các cách dưới đều được CODE .ClassName { 9. Cross browser transparency: – thiết lập cho từng trình duyệt CODE .ClassName { – ví dụ bên dưới tạo màu chữ riêng cho lớp đầu tiên của footer (nằm trong thẻ ) CODE .footer em:first-child { 12. First-letter (kí tự đầu tiên) p:first-letter{ – ví dụ ta có code sau : This is an example usage of the first-letter property – kết quả : This is an example usage of the first-letter property 13. First-line – thiết lập thuộn tính cho dòng đầu tiên CODE #p:first-line { – ví dụ: ta có code This is an example usage of the first-line property. This is an example usage of the first-line property. – kết quả : This is an example usage of the first-line property. This is an example usage of the first-line property. 14. Độ cao tối thiểu CODE .ClassName { – code trên không hỗ trợ cho IE, để hiển thị trên IE, bạn tham khảo code bên dưới: CODE .ClassName{ 15. Thuộc tính clip (hiển thị một phần) – ví dụ ta có code bên dưới: CODE img { với code này, ảnh sẽ được clip phía trên 50px, bottom là 218px (tính từ trên xuống), right là 155px (tính từ trái qua), left là 82px (cũng tính từ trái qua). xem ví dụ bên dưới để rõ: |