Video: Visual Studio Code: HTML, CSS & JS Tips 2025
Cascading Style Sheets (CSS) có thể rất phức tạp. CSS là một cách nhìn nhận riêng biệt từ nội dung. Các quy tắc kiểu này thường được đặt trong vùng đầu của một tài liệu HTML hoặc trong một tệp riêng biệt được kết nối với trang HTML (đối với SharePoint 2010, thường là trang chủ).
Bạn có thể thay đổi màu của các siêu liên kết cho toàn bộ trang web trong chừng nào cần phải nhập nhiều ký tự!
Kiểu có thể được tạo cho các phần tử HTML cụ thể, chẳng hạn như H1 (tiêu đề một). Các kiểu này được áp dụng tự động khi các phần tử này được sử dụng trong nội dung. Phong cách tùy chỉnh, chẳng hạn như. mystyleheader, đặc biệt được áp dụng như mong muốn. CSS được sử dụng cho phông chữ, hình nền, kích thước và vị trí, và nhiều hướng dẫn trực quan khác cho trình duyệt. Trình duyệt đã có một cách mặc định để trình bày văn bản và tiêu đề, trong số những thứ khác.
Một quy tắc CSS chứa phần tử và một hoặc nhiều mô tả. Phần tử có thể là một phần tử HTML hoặc một phong cách tùy chỉnh (class) có thể được áp dụng như mong muốn:
-
Phần tử HTML: Các thuộc tính descriptor trong ví dụ phần tử HTML này bao gồm màu của văn bản, kiểu chữ, cỡ chữ, và gia đình font (tự giải thích).
h1 {màu sắc: đỏ; kiểu chữ: đậm; kích cỡ phông chữ: 16px; font-family: arial;} -
Phong cách lớp tùy chỉnh: Quy tắc tùy chỉnh là như nhau, ngoại trừ CSS có một số định dạng shortcut.
. mystyleheader {màu sắc: đỏ; font: bold 16px arial;}
Phần tử HTML và các lớp được hiển thị trong các quy tắc CSS trước được gọi là selectors . Các quy tắc được xác định cho bộ chọn được áp dụng cho mọi thứ trong trang web của bạn phù hợp với phần tử HTML hoặc lớp tùy chỉnh. Các ví dụ được trình bày ở đây rất đơn giản. Bộ chọn có thể rất phức tạp khi bạn cần áp dụng các quy tắc cho các phần tử được lồng vào sâu trong trang web của bạn.
SharePoint có hàng ngàn quy tắc CSS và cần có sự kiên nhẫn và kinh nghiệm để tìm, tìm ra và tạo ra các phong cách riêng của bạn để ghi đè các kiểu được xác định trước này.
Mặt khác, nếu bạn muốn thay đổi một vài kích cỡ phông chữ, hình nền của điều hướng trên cùng, biểu trưng, và / hoặc giao diện của điều hướng bên trái, bạn có thể sao chép các style sheet liên kết với một bậc thầy được xác định trước và sửa đổi một vài mục.
The. mystyleheader lớp được hiển thị trong danh sách trước để dễ dàng xác định sự khác biệt giữa các yếu tố HTML và một phong cách lớp tùy chỉnh. Các tên lớp được SharePoint sử dụng và do bạn tạo ra có nhiều tên có ý nghĩa hơn.
Khi bạn tạo tên kiểu của riêng bạn, như là cám dỗ vì có thể đặt tên một phong cách.redlink hoặc. blueheading, ngay khi bạn áp dụng phong cách ở nhiều địa điểm, nhóm sẽ muốn thay đổi màu sắc! Vì vậy, mô tả các yếu tố theo ý định nội dung của nó, không phải màu sắc của nó hoặc tài sản.
