tailieunhanh - Bài giảng CSS - Bài 2: Cú pháp CSS

Bài giảng cung cấp cho người học các kiến thức: Cú pháp CSS, quy tắc CSS, khối khai báo, khai báo CSS, chú thích trong CSS,. Hi vọng đây sẽ là một tài liệu hữu ích dành cho các bạn sinh viên đang theo học môn dùng làm tài liệu học tập và nghiên cứu. chi tiết nội dung tài liệu. | Bài 2: Cú pháp CSS BỞI PHAN TIẾN Cú pháp CSS Quy tắc CSS được thiết lập bao gồm một bộ chọn (selector) và một khối khai báo (declaration): Bộ chọn trỏ tới phần tử HTML mà bạn muốn định kiểu. Khối khai báo chứa một hoặc nhiều khai báo ngăn cách nhau bởi dấu chấm phảy. Mỗi khai báo bao gồm một tên thuộc tính và một giá trị, ngăn cách nhau bởi dấu hai chấm. Ví dụ CSS Một khai báo CSS luôn luôn kết thúc với một dấu chấm phảy, và nhóm khai báo được bao quanh bởi dấu móc đơn: p {color:red;text-align:center;} Để tạo CSS dễ đọc, bạn nên đặt mỗi khai báo trên một dòng. Trong ví dụ này tất cả các phần tử của thẻ sẽ được căn lề vào giữa với màu đỏ: Ví dụ p { color: red; text-align: center; } Chú thích trong CSS Chú thích thường được sử dụng để diễn tả code của bạn và giúp bạn dễ dàng chỉnh sửa và cập nhật sau này. Các chú thích được các trình duyệt bỏ qua. Một chú thích bắt đầu /* và kết thúc bởi */. Các chú thích có thể đặt trên nhiều dòng: Ví dụ p { color: red; /*Đây là chú thích 1 dòng */ text-align: center; } /* Đây là chú thích nhiều . | Bài 2: Cú pháp CSS BỞI PHAN TIẾN Cú pháp CSS Quy tắc CSS được thiết lập bao gồm một bộ chọn (selector) và một khối khai báo (declaration): Bộ chọn trỏ tới phần tử HTML mà bạn muốn định kiểu. Khối khai báo chứa một hoặc nhiều khai báo ngăn cách nhau bởi dấu chấm phảy. Mỗi khai báo bao gồm một tên thuộc tính và một giá trị, ngăn cách nhau bởi dấu hai chấm. Ví dụ CSS Một khai báo CSS luôn luôn kết thúc với một dấu chấm phảy, và nhóm khai báo được bao quanh bởi dấu móc đơn: p {color:red;text-align:center;} Để tạo CSS dễ đọc, bạn nên đặt mỗi khai báo trên một dòng. Trong ví dụ này tất cả các phần tử của thẻ sẽ được căn lề vào giữa với màu đỏ: Ví dụ p { color: red; text-align: center; } Chú thích trong CSS Chú thích thường được sử dụng để diễn tả code của bạn và giúp bạn dễ dàng chỉnh sửa và cập nhật sau này. Các chú thích được các trình duyệt bỏ qua. Một chú thích bắt đầu /* và kết thúc bởi */. Các chú thích có thể đặt trên nhiều dòng: Ví dụ p { color: red; /*Đây là chú thích 1 dòng . | Bài 2: Cú pháp CSS BỞI PHAN TIẾN Cú pháp CSS Quy tắc CSS được thiết lập bao gồm một bộ chọn (selector) và một khối khai báo (declaration): Bộ chọn trỏ tới phần tử HTML mà bạn muốn định kiểu. Khối khai báo chứa một hoặc nhiều khai báo ngăn cách nhau bởi dấu chấm phảy. Mỗi khai báo bao gồm một tên thuộc tính và một giá trị, ngăn cách nhau bởi dấu hai chấm. Ví dụ CSS Một khai báo CSS luôn luôn kết thúc với một dấu chấm phảy, và nhóm khai báo được bao quanh bởi dấu móc đơn: p {color:red;text-align:center;} Để tạo CSS dễ đọc, bạn nên đặt mỗi khai báo trên một dòng. Trong ví dụ này tất cả các phần tử của thẻ sẽ được căn lề vào giữa với màu đỏ: Ví dụ p { color: red; text-align: center; } Chú thích trong CSS Chú thích thường được sử dụng để diễn tả code của bạn và giúp bạn dễ dàng chỉnh sửa và cập nhật sau này. Các chú thích được các trình duyệt bỏ qua. Một chú thích bắt đầu /* và kết thúc bởi */. Các chú thích có thể đặt trên nhiều dòng: Ví dụ p { color: red; /*Đây là chú thích 1 dòng */ text-align: center; } /* Đây là chú thích nhiều dòng*/