tailieunhanh - 10 Thủ thuật CSS mà bạn cần biết

Trong quá trình thực hành và làm việc với CSSCascading Style Sheets chúng ta sẽ gặp những vấn đề xảy ra rất thường xuyên, để giải quyết chúng một cách nhanh chóng thì chúng ta cần phải biến những cách xử lý của các vấn đề đó trở thành những phản xạ của riêng mình. Do đó trong bài viết này tôi xin tổng hợp ra mười thủ thuật về CSSCascading Style Sheets mà bạn cần phải biết và biến chúng thành những kỹ năng của mình. Tôi hy vọng rằng sau khi đọc xong bài viết này các bạn. | 10 Thủ thuật CSS mà bạn cần biết - Phần I Trong quá trình thực hành và làm việc với CSSCascading Style Sheets chúng ta sẽ gặp những vấn đề xảy ra rất thường xuyên để giải quyết chúng một cách nhanh chóng thì chúng ta cần phải biến những cách xử lý của các vấn đề đó trở thành những phản xạ của riêng mình. Do đó trong bài viết này tôi xin tổng hợp ra mười thủ thuật về CSSCascading Style Sheets mà bạn cần phải biết và biến chúng thành những kỹ năng của mình. Tôi hy vọng rằng sau khi đọc xong bài viết này các bạn sẽ tự tin hơn trong việc giải quyết các vấn đề tương tự. 1. Dùng kỹ thuật Sorthand để thực hiện viết mã CSS. Như tôi đã trình bày trong bài viết Cách viết giản lược trong CSS thì việc sử dụng kỹ thuật này rất tiện ích cho quá trình bạn viết mã CSSCascading Style Sheets. Ví dụ Khi style cho font chữ trong CSS thông thường bạn sẽ viết như sau view source print 1. font-weight bold 2. font-style italic 3. font-variant small-caps 1em Verdana sans-serif Nếu áp dụng kỹ thuật Sorthand thì chúng ta chỉ cần phải viết. view source print 1. font bold italic small-caps 1em verdana sans-serif 2. Đặt hai class cho cùng một đối tượng Thông thường khi bạn viết mã HTML bạn chỉ đặt một class cho một đối tượng. Tuy nhiên điều đó không có nghĩa rằng bạn chỉ được phép đặt duy nhất một class cho một đối tượng. Định dạng HTML cho phép bạn đặt 2 class cho cùng một đối tượng. view source print 1. div class class1 class2 . div Như các bạn đã thấy ở trên nếu bạn muốn đặt 2 class cho cùng một đối tượng thì tên của class thứ nhất phải cách tên của class thứ hai bằng khoảng trống. Trong trường hợp hai class này đều được đặt cùng một thuộc tính thì đối tượng này sẽ được định dạng theo thuộc tính nào được viết sau. Ví dụ cả hai class đều định nghĩa màu nền cho đối tượng view source print 1. 2. background CC0000 3. 4. 5. 6. background 00000FF 7. Trong trường hợp như trên thì đối tượng sẽ nhận thuộc tính background của .

crossorigin="anonymous">
Đã 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.