Giới thiệu về CSS

Giới thiệu về CSS CSS (Cascading Style Sheets) dịch nôm na có nghĩa là các tờ mẫu phân tầng, là một ngôn ngữ quy định cách trình bày cho các tài liệu viết bằng HTML, XHTML, XML… Nó được giới thiệu cùng với phiên bản HTML 4 để cung cấp một cách tốt hơn giúp “style” những phần tử HTML. CSS là một file có phần mở rộng là .css, nhiệm vụ của nó là tách riêng phần định dạng (style) ra khỏi nội dung trang HTML. Khi sử dụng css chúng ta sẽ dễ dàng quản lý nội dung...
Nội dung trích xuất từ tài liệu:
Giới thiệu về CSSGiới thiệu về CSSGiới thiệu về CSSCSS (Cascading Style Sheets) dịch nôm na có nghĩa là các tờ mẫu phântầng, là một ngôn ngữ quy định cách trình bày cho các tài liệu viết bằngHTML, XHTML, XML… Nó được giới thiệu cùng với phiên bản HTML 4để cung cấp một cách tốt hơn giúp “style” những phần tử HTML.CSS là một file có phần mở rộng là .css, nhiệm vụ của nó là tách riêng phầnđịnh dạng (style) ra khỏi nội dung trang HTML.Khi sử dụng css chúng ta sẽ dễ dàng quản lý nội dung trang HTML, dễ điềukhiển phần định dạng, và đặc biệt là sẽ tốn ít thời gian khi code hay chỉnhsửa, giả sử các bạn có ~100 file HTML có tiêu đề như nhau, các tiêu đề nàyđược định dạng trong từng trang HTML, khi các bạn muốn chỉnh sửa cáctiêu đề này, thì các bạn sẽ phải mở và chỉnh từng trang trong ~100 file, việcnày mất bao nhiêu thời gian chắc các bạn có thể ước lượng được, còn nếu~100 file này được kết hợp với 1 file CSS thì việc định dạng tiêu đề trong~100 file nàychỉ mất vài phút.Ghi chú: Chúng ta đừng nhầm lẫn CSS và style trong HTML là như nhau,style dùng để dịnh dạng cho nội dung HTML, còn CSS là file chứa các địnhdạng style, 2 đoạn code style dưới đây không thể gọi là CSS:HTML 1HTML2Cú pháp của css:Css có 2 phần chính là selector và declaration. Một định nghĩa trong CSScó thể có nhiều selector đi với nhiều declaration.  Mỗi declaration bao gồm property và value, cách nhau bởi dấu:(hai chấm): VD: color:blue  Selector cách nhau bởi dấu, (phẩy) và declaration cách nhau bởi dấu ; (chấm phẩy): VD: h1, h2, h3{color:blue; text-align:left;}+ Selector phân biệt với declation bởi dấu ngoặc nhọn đóng, mở{ declationhere }: VD: p{ color: blue;}Css commentsComments sẽ được bỏ qua bởi trình duyệt và nó giúp bạn đưa thông tin môtả, bổ sung vào trong css của mình để giúp bạn hoặc team của bạn có thể đọccode dễ dàng hơn.Comments bắt đầu với /* và kết thúc bằng */. Các bạn xem qua ví dụ sau:Trên đây là những kiến thức cơ bản nhất, để có thể hiểu rốt cuộc css là cáigì. LMT cũng mong nhận được nhiều hơn sự đóng góp bình luận khác củacác bạn.