Trang Chủ Xã hội Truyền thông Thiết kế web: Sử dụng các Kiểu trang trí bên ngoài và bên trong CSS - núm vú

Thiết kế web: Sử dụng các Kiểu trang trí bên ngoài và bên trong CSS - núm vú

Mục lục:

Video: CSS 02 - Các đơn vị thường sử dụng trong CSS - Học CSS Online Miễn Phí 2025

Video: CSS 02 - Các đơn vị thường sử dụng trong CSS - Học CSS Online Miễn Phí 2025
Anonim

> 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ới

tấ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:

. BigHeadline {font-family: Arial, Helvetica, sans-serif; kích thước phông chữ: 24px; chiều cao dòng: 30px; phông chữ trọng lượng: 800; phông chữ-biến thể: nhỏ-mũ; màu sắc: # 900; Khoảng cách chữ: 2px; Hình nền chữ tĩnh: 2px 2px 3px # 999999;}. SectionHeadline {font-family: Arial, Helvetica, sans-serif; kích thước phông chữ: 18px; chiều cao dòng: 22px; phông chữ trọng lượng: 600; màu sắc: # 333; Chuyển đổi văn bản: sử dụng;}

Khi sử dụng một trang tính ngoài, mỗi trang web của bạn sẽ tham khảo các mảng này. css cho thông tin kiểu dáng phông chữ của chúng. Điều này được thực hiện thông qua việc đặt một dòng mã trong mỗi trang web mà nói với nó nơi để tìm misterles. css trực tuyến. Sau đó, bất kỳ phần tử văn bản nào trên trang web được gán một trong những tên phong cách tùy chỉnh của bạn (chẳng hạn như. BigHeadline) sẽ hiển thị khi bạn đã mã hoá.

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ần

cho 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

Phong cách trang

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
Thiết kế web: Sử dụng các Kiểu trang trí bên ngoài và bên trong CSS - núm vú

Lựa chọn của người biên tập

Phong cảnh hoặc Chân dung Định dạng - núm vú

Phong cảnh hoặc Chân dung Định dạng - núm vú

Trong nhiếp ảnh, phong cảnh, khi hình ảnh rộng hơn so với cao, cho phần lớn các bức ảnh phong cảnh. Tuy nhiên, định dạng chân dung tạo ra một bức tranh cao hơn nó là rộng. Khi bạn chụp một số cảnh thiên nhiên, bạn nên xoay camera 90 độ. Xoay máy ảnh khi chụp ảnh

Cảnh quan Ảnh - Cá thu Sky - hình ngón tay

Cảnh quan Ảnh - Cá thu Sky - hình ngón tay

Hình ảnh này được chụp ảnh vài phút sau khi mặt trời lặn. Bởi vì những đám mây đã không đến được đường chân trời, bầu trời sẽ cháy vài phút sau khi mặt trời lặn. Các nhiếp ảnh gia đã một loạt các tiếp xúc sau khi mặt trời chìm xuống dưới chân trời. Hình ảnh cuối cùng là một ...

Lựa chọn của người biên tập

Làm thế nào để làm việc với các bài trình bày Web App của PowerPoint - núm vú

Làm thế nào để làm việc với các bài trình bày Web App của PowerPoint - núm vú

Trong Office 365, PowerPoint Web App là một thành phần các dịch vụ Office Web Apps có sẵn trong cả kế hoạch kinh doanh chuyên nghiệp và nhỏ (kế hoạch P) và kế hoạch doanh nghiệp (kế hoạch E). Trong kế hoạch đăng ký kinh doanh chuyên nghiệp và nhỏ, bạn tạo một bản trình bày mới với PowerPoint Web App như sau: Nhấp vào PowerPoint ...

ĐặT nền móng cho kế hoạch Microsoft Office 365 của bạn - núm vú

ĐặT nền móng cho kế hoạch Microsoft Office 365 của bạn - núm vú

Bạn nên lưu ý rằng kích thước và phức tạp của tổ chức của bạn, cũng như kế hoạch Office 365 bạn chọn, sẽ trực tiếp ảnh hưởng đến việc triển khai của bạn. Nếu bạn là một nhà tư vấn hoặc một doanh nghiệp nhỏ sử dụng kế hoạch kinh doanh chuyên nghiệp và nhỏ, việc triển khai của bạn sẽ rất đơn giản. Nếu tổ chức của bạn chứa hàng ngàn

Làm thế nào để làm việc với các tài liệu Word Web App - núm vú

Làm thế nào để làm việc với các tài liệu Word Web App - núm vú

Tạo một tài liệu Word mới trong một tài liệu SharePoint Online thư viện là dễ dàng. Bạn chỉ cần duyệt qua thẻ Documents trên Ribbon và sau đó nhấp vào nút New Document trong Ribbon. Nút Tài liệu Mới được sử dụng để tạo một tài liệu mới. Loại tài liệu được tạo ra phụ thuộc vào mặc định ...

Lựa chọn của người biên tập

Nhân viên Chính sách An ninh - núm vú

Nhân viên Chính sách An ninh - núm vú

Một tổ chức cần phải có tài liệu rõ ràng về chính sách và thủ tục an ninh nhân sự để tạo thuận lợi cho việc sử dụng và bảo vệ thông tin . Có rất nhiều phương pháp hay nhất để bảo vệ doanh nghiệp và các tài sản thông tin quan trọng của nó. Những thực tiễn tốt nhất này liên quan đến việc mọi người - chứ không phải công nghệ - cùng làm việc với nhau để hỗ trợ doanh nghiệp. ...

Chuẩn bị cho kỳ thi CISSP - những con đầu

Chuẩn bị cho kỳ thi CISSP - những con đầu

Có nhiều nguồn trợ giúp để giúp ứng viên CISSP chuẩn bị cho kỳ thi. Tự học là một phần chính của bất kỳ kế hoạch nghiên cứu nào. Kinh nghiệm làm việc cũng rất quan trọng để thành công, và bạn có thể kết hợp nó vào kế hoạch học tập của bạn. Đối với những người học tốt nhất trong lớp học hoặc môi trường đào tạo, (ISC) 2 ...