Hướng dẫn quy tắc css
Thứ hai, 12/10/2020 | 00:00 GMT+7 Hướng dẫn này là một phần của loạt bài về cách tạo và tùy chỉnh trang web này bằng CSS, một ngôn ngữ biểu định kiểu được sử dụng để kiểm soát việc trình bày các trang web. Bạn có thể theo dõi toàn bộ loạt bài này để tạo lại trang web trình diễn và làm quen với CSS hoặc sử dụng các phương pháp được mô tả ở đây cho các dự án trang web CSS khác.
Một phần của loạt bài: Cách xây dựng trang web bằng CSS Trước khi tiếp tục, ta khuyên bạn nên có một số kiến thức về HTML, ngôn ngữ đánh dấu tiêu chuẩn được sử dụng để hiển thị tài liệu trong trình duyệt web. Nếu bạn chưa quen với HTML, bạn có thể làm theo mười hướng dẫn đầu tiên của loạt bài Cách tạo trang web với HTML trước khi bắt đầu loạt bài này. Trong hướng dẫn này, bạn sẽ học cách để hiểu và tạo các luật CSS (còn gọi là rulesets) cho việc tạo kiểu và kiểm soát cách bố trí của nội dung HTML. Hướng dẫn sẽ bắt đầu với một luật CSS ví dụ làm cho các phần tử HTML Yêu cầuĐể làm theo hướng dẫn này, hãy đảm bảo bạn đã cài đặt các file và folder cần thiết như đã hướng dẫn trong hướng dẫn trước Cách cài đặt Dự án Thực hành CSS và HTML . Khám phá luật CSS mẫu Dưới đây là ví dụ về luật CSS. Viết luật sau vào file styles.css
Lưu file Luật bạn vừa thêm hướng dẫn trình duyệt cung cấp cho bất kỳ nội dung văn bản HTML nào được gắn thẻ phần tử HTML Tiếp theo, thêm một phần nội dung HTML
được gắn thẻ với phần tử index.html
Lưu file và tải file HTML trong trình duyệt của bạn để kiểm tra kết quả. (Để biết hướng dẫn về cách xem file HTML trong trình duyệt của bạn, vui lòng truy cập bước hướng dẫn của ta Cách Xem Tệp HTML Offline Trong Trình duyệt của Bạn ). Trong trình duyệt của bạn, bạn sẽ nhận được các kết quả sau: Nếu bạn không có kết quả giống nhau, hãy đảm bảo bạn đã lưu cả Cách hiểu các thành phần của luật CSSBây giờ ta hãy xem xét luật CSS ví dụ để hiểu từng thành phần khác nhau của nó. Nói chung, luật CSS bao gồm một bộ chọn , một khối khai báo , thuộc tính và giá trị . Sơ đồ dưới đây minh họa cách mỗi phần này được biểu diễn trong một luật : Bây giờ ta hãy nghiên cứu từng phần này và cách chúng liên quan đến luật CSS mẫu.
Khi bạn khai báo luật cho bộ chọn, mọi phần nội dung trong trang HTML của bạn được đánh dấu bằng bộ chọn đó sẽ được hiển thị theo luật . Tuy nhiên, ngoại lệ sẽ xảy ra nếu một luật CSS xung đột được ưu tiên. Kết luậnTrong hướng dẫn này, bạn đã kiểm tra tất cả các thành phần cần thiết để viết một luật CSS hoàn chỉnh, bao gồm bộ chọn, khối khai báo, thuộc tính và giá trị. Trong hướng dẫn tiếp theo, bạn sẽ thêm nhiều thuộc tính vào một luật CSS và tạo các luật CSS khác nhau cho một trang HTML . Tags: Các tin liên quan Cách thiết lập dự án trang web CSS và HTML của bạn |