Mục lục:
- class
- là các kiểu CSS mà bạn xác định chỉ cho một trang - không phải cho toàn bộ trang web. Các tờ kiểu dáng bên trong thuận tiện cho những sắc thái nhỏ chỉ được tìm thấy trên một trang, mặc dù đó không phải là phương pháp tốt nhất để sử dụng chúng. Nếu tất cả các mã CSS của bạn nằm rải rác trên các trang web khác nhau, nó sẽ đặt ra một gánh nặng bảo trì trang web: bạn phải đào để tìm nơi chứa tất cả các mã. Tốt hơn là bạn nên củng cố tất cả CSS của mình trong một tệp dễ truy cập.
Video: CSS 02 - Các đơn vị thường sử dụng trong CSS - Học CSS Online Miễn Phí 2024
> Công nghệ Cascading Style Sheets (CSS) cho phép bạn xác định một tập các kiểu phông chữ, bạn có thể sử dụng nó xuyên suốt trang web của bạn. Ví dụ, hãy tưởng tượng rằng bạn đang thiết kế một trang web lớn và bạn muốn có một cái nhìn nhất quán cho tất cả các trang: các tiêu đề nên được đặt trong Arial Narrow Bold, 18 điểm (bạn có thể sử dụng các kích thước điểm thực trong CSS), và một màu đỏ đậm.. Tất cả các chú thích nên được Verdana Italic, 11 điểm, và thép màu xanh.
Lợi thế của CSS là tiết kiệm thời gian bằng cách cho phép bạn áp dụng các cài đặt phù hợp một cách nhanh chóng tớitất cả các yếu tố văn bản trên khắp trang web., dễ dàng như việc thay đổi một dòng mã CSS. CSS có hai kiểu:
ngoài phong cách trang tính và phong cách nội bộ style sh eets. Kiểu dáng bên ngoài trong thiết kế web Đối với các trang định kiểu ngoài, bạn xác định một loạt các kiểu văn bản trong một tệp CCS như mistyles. css. Mỗi phong cách có thể có một tên tùy chỉnh theo ý của bạn. BigHeadline,. SectionHeadline, v.v … miễn là không có dấu cách và tên được đặt trước bởi một khoảng thời gian. Một kiểu như thế này được gọi là
class
trong thuật ngữ CSS. Sau khi xác định lớp với một tên tùy chỉnh, bạn mở ngoặc và bao gồm một danh sách thuộc tính kiểu như lựa chọn phông chữ, màu sắc và kích thước, như trong ví dụ sau:
Bằng cách này, nếu bạn có nhu cầu thay đổi phông chữ toàn cầu - nói, thay đổi. Màu BigHeadline từ màu Đỏ đậm đến Xanh dương - bạn thực hiện thay đổi
một lầncho lớp trong lớp mịn. css tập tin CSS, và tất cả các trang web với văn bản sử dụng phong cách BigHeadline sẽ cập nhật ngay lập tức. Đây là hai ví dụ về các lớp CSS tùy chỉnh được xác định để điều chỉnh tiêu đề và tiêu đề của các phần. Phong cách trang tính trong thiết kế web
là các kiểu CSS mà bạn xác định chỉ cho một trang - không phải cho toàn bộ trang web. Các tờ kiểu dáng bên trong thuận tiện cho những sắc thái nhỏ chỉ được tìm thấy trên một trang, mặc dù đó không phải là phương pháp tốt nhất để sử dụng chúng. Nếu tất cả các mã CSS của bạn nằm rải rác trên các trang web khác nhau, nó sẽ đặt ra một gánh nặng bảo trì trang web: bạn phải đào để tìm nơi chứa tất cả các mã. Tốt hơn là bạn nên củng cố tất cả CSS của mình trong một tệp dễ truy cập.
Các trang tính nội bộ, nếu bạn quyết định sử dụng chúng, sẽ được tìm thấy bên trong thẻ và ghi đè các trang định kiểu bên ngoài mà trang đó cũng có thể tham chiếu. Tên lớp và các thuộc tính của nó nằm trong phần trên cùng của mã HTML, như được minh họa trong ví dụ này: Ví dụ về các kiểu CSS nội bộ. Dòng tiêu đề (gia đình phông chữ: "Arial Vừa thu hẹp", Arial; cỡ chữ: 16pt; phông chữ trọng lượng: 800; color: # 990033 text-transformation: capitalize;}. Chú thích {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; kiểu chữ: italic; color: # 333366}
Trong đoạn mã này, bạn có thể thấy thẻ. Kiểu tiêu đề là Arial Thu hẹp Bold ở 16 điểm. Số # 990033 sau màu là mã hệ thập lục phân tạo ra màu đỏ đậm. Khi bạn thêm tiêu đề vào trang web của mình, bạn có thể nhanh chóng định dạng chúng bằng cách áp dụng. Kiểu tiêu đề mà bạn đã xác định cho trang:
Các tiêu đề là một cái gì đó để định dạng
