Phong cách là gì, khi tạo một css nội bộ?
|
Các kiểu CSS có thể được sử dụng để thiết kế trang web của bạn. Bạn có thể áp dụng các quy tắc CSS cho tệp HTML của trang web bằng cách sử dụng kiểu nội tuyến, biểu định kiểu bên trong hoặc biểu định kiểu bên ngoàibiểu định kiểu bên ngoài . Mỗi phương pháp này đều có những ưu điểm phù hợp với mục đích sử dụng cụ thể. Mỗi phương pháp này đều có những ưu điểm phù hợp với mục đích sử dụng cụ thể Hãy cùng xem sự khác biệt giữa CSS nội tuyến, nội bộ và bên ngoài, sau đó chúng ta sẽ đi sâu vào cách sử dụng từng loại Show Kiểu nội tuyến liên quan đến một thẻ HTML cụ thể, sử dụng thuộc tính kiểu với quy tắc CSS để . Chúng hữu ích cho những thay đổi nhanh chóng và lâu dài nhưng kém linh hoạt hơn so với biểu định kiểu bên ngoài và bên trong, vì mỗi kiểu nội tuyến bạn tạo phải được chỉnh sửa riêng nếu bạn đang thực hiện thay đổi thiết kế. Một biểu định kiểu nội bộ chứa các quy tắc CSS cho trang trong đầu section of the HTML file. The rules only apply to that page, but you can configure CSS classes and IDs to style multiple elements in the page code. Again, a single change to the CSS rule will apply to all tagged page elements. Một biểu định kiểu bên ngoài là một biểu định kiểu độc lập. css tệp được liên kết từ một trang web. Sử dụng biểu định kiểu bên ngoài, bạn có thể áp dụng quy tắc cho nhiều trang web. Nếu bạn cần thực hiện các thay đổi lớn đối với thiết kế trang web của mình, một thay đổi duy nhất trong biểu định kiểu có thể được áp dụng cho tất cả các trang được liên kết, tiết kiệm rất nhiều thời gian và công sức. Sử dụng kiểu nội tuyếnKiểu nội tuyến được áp dụng trực tiếp cho một phần tử trong mã HTML của bạn. Họ sử dụng thuộc tính kiểu, theo sau là thuộc tính CSS thông thường Ví dụ Sử dụng biểu định kiểu CSS nội bộThay vì liên kết bên ngoài. css , các tệp HTML có biểu định kiểu bên trong bao gồm một bộ quy tắc trong head section. CSS rules are wrapped in Sử dụng biểu định kiểu CSS bên ngoàiMột trang HTML được tạo kiểu bởi biểu định kiểu CSS bên ngoài phải tham chiếu đến. css trong phần đầu của tài liệu. Khi bạn tạo tệp CSS, tệp đó phải được tải lên máy chủ của bạn và được liên kết trong tệp HTML bằng mã chẳng hạn. Biểu định kiểu bên trong chỉ ảnh hưởng đến tài liệu HTML mà chúng được nhúng vào. Chúng phù hợp nhất để sử dụng trong các trang web nhỏ hơn với 2-3 trang
Đối với việc xác định kiểu, bạn có một số tùy chọn. Tạo kiểu của riêng bạn, xác định lại thẻ HTML hoặc sử dụng bộ chọn CSS Để Tạo kiểu tùy chỉnh (lớp), bạn sẽ cần tạo tên cho kiểu mới của mình, chẳng hạn. newStyleName. Nhớ giữ lại dấu chấm đó (. ) ở mặt trước. Nhấp vào OK. Để biết thêm thông tin về Kiểu tùy chỉnh, hãy nhấp vào liên kết Bộ chọn lớp trong phần Quy tắc Để xác định lại Thẻ HTML, hãy nhấp vào/các mũi tên và chọn một thẻ từ trình đơn kéo xuống, tôi. e. p cho đoạn văn. Nhấp vào OK. Đây là hình thức CSS được sử dụng phổ biến nhất tại Wellesley. Để biết thêm thông tin về việc xác định lại các thẻ HTML, hãy nhấp vào liên kết Bộ chọn HTML trong phần Quy tắc Để sử dụng Bộ chọn CSS, nhấp vào mũi tên/s và chọn từ danh sách. Nhấp vào OK. Trong Dreamweaver MX, việc sử dụng Bộ chọn CSS về cơ bản là xác định lại các thẻ HTML của liên kết. Ví dụ, nếu bạn chọn một. đã truy cập, bạn đang xác định lại thuộc tính của các liên kết đã truy cập Trong ví dụ trên, tệp HTML là một trang từ tạp chí. Một kiểu tùy chỉnh đã được tạo cho các ngày nhập nhật ký, được đặt tên. tiêu đề ngày tháng Trong ví dụ trên, các thuộc tính Loại cho. dateHeadings được định nghĩa là Verdana, Arial, Helvetica, sans-serif Font, Size medium, Style bình thường, Chiều cao Dòng bình thường, Độ đậm của Dòng, v.v. có màu đỏ tươi với mã thập lục phân là #990000 Ở đây, ngày ghi nhật ký là Thứ Hai - 14 tháng 4 năm 2003 đã được chọn và có. kiểu dateHeadings được áp dụng cho nó Trên đây là mã HTML gốc. Dưới đây, bạn có thể thấy mã CSS đã được thêm vào tài liệu HTML. Để xem mã của tài liệu, hãy vào View>Code hoặc View>Code and Design |