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 tạo Static Copy of a Website Drupal

Hướng dẫn tạo Static Copy of a Website Drupal

The modern Web is a dynamic place. However, sometimes it's necessary (or desirable) to remove the dynamic functionality of a website, while preserving its static content.

 
Gaming Becomes Exciting With 3D Bowling App for Android

Gaming Becomes Exciting With 3D Bowling App for Android

The Android market has so many games for users to choose from. The reality is not all these games are that great.

Phần 3 viết Drupal 8 Module: Configuration Management and the Service Container

Phần 3 viết Drupal 8 Module: Configuration Management and the Service Container

In this tutorial, I will continue where we left off. I will illustrate how we can turn our into a form used to store a value through the Drupal 8 configuration system

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

 

Diet con trung