Đăng Nhập

Vui lòng khai báo chính xác tên truy cập và mật khẩu!

Quên mật khẩu?
Đăng Ký
EnglishFrenchGermanSpainItalianDutchRussianPortugueseJapaneseKoreanArabicChinese Simplified


    [Học làm CSS] Bài 1. Tổng quan về ngôn ngữ css

      Admin
      Quản Trị Web
      Admin

      Bài viết Bài viết : 102

      Số điểm Số điểm : 306

      Huy hiệu Huy hiệu : 7

      Tuổi Tuổi : 26

      Bài viết số : 1

       Thu Sep 17, 2015 12:26 am

      CSS là gì?
      Hiểu đơn giản: chúng ta học CSS để tô màu cho website.
      Về định nghĩa:
      CSS là viết tắt của từ Cascading Style Sheets.
      Được tổ chức World Wide Web (W3C) giới thiệu vào năm 1996.
      Là ngôn ngữ định nghĩa cách hiển thị các thẻ html trên website. ( nó sẽ làm cho các thẻ html có màu sắc, font chữ to nhỏ như Word)
      Cú pháp CSS
      Gồm 3 phần: selector (bộ chọn), property (thuộc tính), value (giá trị).
      Ví dụ: (sẽ giải thích đâu là bộ chọn, đâu là thuộc tính, đâu là giá trị trong từng cách viết CSS bên dưới).
      Chèn CSS trực tiếp vào trong thẻ HTLM
      Sau khi chạy code dưới đây, hai từ "nội dung" sẽ có màu đỏ.

      [Học làm CSS] Bài 1. Tổng quan về ngôn ngữ css Css-truc-tiep

      Trong đó:
      Cách viết này không có selector (bộ chọn) vì đã sử dụng style trực tiếp trong thẻ html.
      color là property (thuộc tính).
      red là value (giá trị).
      Thuộc tính và giá trị được ngăn cách bởi dấu “:” .

      Chèn CSS vào cặp thẻ <style>
      Sau khi chạy code dưới đây, hai từ "nội dung" sẽ có màu đỏ.

      [Học làm CSS] Bài 1. Tổng quan về ngôn ngữ css Css-the-style

      Lưu ý: cặp thẻ <style> phải nằm bên trong cặp thẻ <head> mới đúng chuẩn w3c.
      Trong đó:
      p (có mũi tên) là selector (bộ chọn).
      color là property (thuộc tính).
      red là value (giá trị).
      Thuộc tính và giá trị được ngăn cách bởi dấu “:” và được bao quanh dấu ngoặc nhọn “{}”.
      Tạo file riêng để viết CSS
      Sau khi chạy code dưới đây, hai từ "nội dung" sẽ có màu đỏ.
      File vidu.html : chúng ta sẽ viết thêm thẻ <link ... href="đường_dẫn_file_css" />

      [Học làm CSS] Bài 1. Tổng quan về ngôn ngữ css Css-file-html
      File style.css - file css sẽ có mở rộng là .css
      [Học làm CSS] Bài 1. Tổng quan về ngôn ngữ css Css-file-css

      Trong đó:
      p (có mũi tên) là selector (bộ chọn).
      color là property (thuộc tính).
      red là value (giá trị).
      Thuộc tính và giá trị được ngăn cách bởi dấu “:” và được bao quanh dấu ngoặc nhọn “{}”.
      Thứ tự ưu tiên trong CSS
      Trong quá trình viết css, chắc chắn sẽ có trường hợp chúng ta cần dùng đến 3 cách viết cùng 1 lúc, do đó chúng ta cần phải biết về thức tự ưu tiên của 3 cách viết.
      Thứ tự ưu tiên của css khi ảnh hưởng tới thẻ html như sau:
      Chèn css trực tiếp > Viết file css riêng > Chèn css trong cặp thẻ style.

      CLIP:
      Tags: #css
      Bài trước | Bài sau