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

Chia sẻ: Phuc Nguyen | Ngày: | Loại File: PPTX | Số trang:7

Thêm vào BST

Báo xấu

65
lượt xem 9
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

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. Mời các bạn cùng tham khảo chi tiết nội dung tài liệu.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Bài giảng CSS - Bài 2: Cú pháp CSS

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*/