Giới thiệu về CSS

Giới thiệu về CSS

  • CSS viết tắt của từ Cascading Style Sheets, ý nghĩa nó là gì chúng ta không cần quan tâm để làm gì mà chỉ cần biết 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ều khiển phần định dạng, và đặc biệt là sẽ tốn ít thời gian khi code hay chỉnh sử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ác tiêu đề này, thì các bạn sẽ phải mở và chỉnh từng trang trong ~100 file, việc nà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ày chỉ 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 định dạng style, 2 đoạn code style dưới đây không thể gọi là CSS:

HTML viết

<html>
<head>
<style>
p { color: #ff0000; }
</style>
</head>

<body>
<p>Một đoạn văn bản.</p>
</body>
</html>

HTML viết

<html>
<head>
</head>

<body>
<p style="color: #ff0000;">Một đoạn văn bản.</p>
</body>
</html>

Những bài học tiếp theo dành cho các bạn lần đầu làm quen với CSS, chỉ hướng dẫn một số tính chất cơ bản, thường dùng của thuộc tính, không đi sâu vào các giá trị riêng lẽ, mục đích là giúp các bạn học cách sử dụng các thuộc tính, vì vậy nếu muốn hiểu sâu hơn giá trị các thuộc tính, hay những thuộc tính khác các bạn có thể xem thêm bên phần tham khảo.

Tags: 
Bạn thấy bài viết này như thế nào?: 
Average: 10 (1 vote)
Ảnh của Tommy Tran

Tommy owner Express Magazine

Drupal Developer having 9+ year experience, implementation and having strong knowledge of technical specifications, workflow development. Ability to perform effectively and efficiently in team and individually. Always enthusiastic and interseted to study new technologies

  • Skype ID: tthanhthuy

Bình luận (0)

 

Add Comment

Filtered HTML

  • Các địa chỉ web và email sẽ tự động được chuyển sang dạng liên kết.
  • Các thẻ HTML được chấp nhận: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Tự động ngắt dòng và đoạn văn.

Plain text

  • No HTML tags allowed.
  • Các địa chỉ web và email sẽ tự động được chuyển sang dạng liên kết.
  • Tự động ngắt dòng và đoạn văn.
CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.

Advertisement

 

jobsora

Dich vu khu trung tphcm

Dich vu diet chuot tphcm

Dich vu diet con trung

Quảng Cáo Bài Viết

 
Hướng dẫn cài đặt Alexa Rank và Google PageRank lên website

Hướng dẫn cài đặt Alexa Rank và Google PageRank lên website

Alexa rank và Google pagerank là hai chỉ số dùng để đo thứ hạng, chất lượng các trang web. Đây cũng là những gì mà các nhà quảng cáo nhìn vào đầu tiên để quyết định có nên đặt quảng cáo trên website/blog của bạn hay không.

Giới thiệu Thumb-me - Giải pháp thumb ảnh bị động

Giới thiệu Thumb-me - Giải pháp thumb ảnh bị động

Mình luôn tìm kiếm một giải pháp tạo ảnh thumb bị động tốt, nhanh, và dễ dàng scale ngang trên các hệ thống

Lợi ích đem lại từ Rich Snippets

Lợi ích đem lại từ Rich Snippets

Chắc hẳn bạn đã từng thấy một số kết quả tìm kiểm hiển thị trên Google được gắn sao khi bạn tìm kiếm với từ khóa nào đó? Đó chính là Rich Snippets. Ở bài viết này chúng tôi sẽ giới thiệu về Rich Snippets và những lợi ích mà nó đem lại.

Công ty diệt chuột T&C

 

Diet con trung