Mục lục:
- Mặc dù không bắt buộc bước này (bạn có thể tạo kiểu cho các phần tử chưa có trên trang), Dreamweaver sẽ tự động tạo ra các tên lựa chọn dựa trên phần tử trang mà con trỏ của bạn đang chọn.
- Nếu bạn muốn nhắm mục tiêu kiểu cho một loại phương tiện hoặc kích thước màn hình cụ thể, hãy định nghĩa một truy vấn phương tiện trong phần @Media.
- Một bộ chọn mới được thêm vào bảng lựa chọn. Dreamweaver đã thêm một tên bộ chọn hợp chất, bao gồm tất cả các kiểu đã được áp dụng cho dòng tiêu đề nơi con trỏ của bạn đang nghỉ ngơi khi bạn bắt đầu xác định kiểu.
- Bạn có thể đặt tên lớp và kiểu ID bất cứ điều gì bạn muốn, miễn là bạn không sử dụng bất kỳ dấu cách hay ký tự đặc biệt nào khác ngoài dấu gạch nối (-) hoặc gạch dưới (_).
- Bộ chọn lớp và ID dễ dàng áp dụng cho nội dung sau khi bạn tạo chúng vì Dreamweaver thêm các kiểu này vào danh sách thả xuống Lớp và ID trong trình kiểm tra thuộc tính, nằm ở cuối vùng làm việc.
Video: Microsoft Word 2013: TẠO STYLES CHO VĂN BẢN 2025
Bộ chọn lớp và ID trong Dreamweaver có nhiều điểm tương đồng và một điểm khác biệt chính. Các kiểu ID chỉ có thể được sử dụng một lần cho mỗi trang, nhưng các kiểu lớp có thể được sử dụng nhiều lần trên cùng một trang mà bạn thích.
Các kiểu lớp và ID có những điểm tương đồng sau:
Bạn có thể đặt tên các kiểu được tạo ra với lớp và trình chọn ID bất cứ điều gì bạn thích. Bạn không nên bao gồm các khoảng trắng hoặc các ký tự đặc biệt trong tên kiểu, mặc dù gạch dưới và dấu gạch ngang không sao. Việc sử dụng tất cả các chữ thường là một thực tế phổ biến nhưng không bắt buộc.
Bạn có thể áp dụng các kiểu lớp và ID cho bất kỳ phần tử nào của trang, nhưng chúng thường được áp dụng cho các thẻ tiêu đề, thẻ div, các thẻ danh sách không có thứ tự, các thẻ đoạn, các thẻ ảnh và HTML5 mới thẻ.
Sử dụng các kiểu được tạo bằng lớp và trình chọn ID là một quy trình gồm hai bước. Đầu tiên, bạn tạo một phong cách mới bằng cách sử dụng bộ chọn lớp hoặc ID và đặt tên cho nó; sau đó bạn áp dụng kiểu cho một phần tử trên trang.
1Nếu bạn định nghĩa một phong cách mới mà bạn muốn áp dụng cho một phần tử hiện có, nhấp để đặt con trỏ lên phần tử mà bạn muốn định dạng bằng kiểu mới.Mặc dù không bắt buộc bước này (bạn có thể tạo kiểu cho các phần tử chưa có trên trang), Dreamweaver sẽ tự động tạo ra các tên lựa chọn dựa trên phần tử trang mà con trỏ của bạn đang chọn.
Nếu bạn muốn nhắm mục tiêu kiểu cho một loại phương tiện hoặc kích thước màn hình cụ thể, hãy định nghĩa một truy vấn phương tiện trong phần @Media.
Nếu bạn không chỉ định truy vấn phương tiện, Dreamweaver sẽ sử dụng thuộc tính Toàn cầu và phong cách của bạn sẽ hoạt động ở tất cả các định dạng phương tiện và kích cỡ màn hình.
3Trong bảng chọn, nhấn vào dấu cộng (+).
Một bộ chọn mới được thêm vào bảng lựa chọn. Dreamweaver đã thêm một tên bộ chọn hợp chất, bao gồm tất cả các kiểu đã được áp dụng cho dòng tiêu đề nơi con trỏ của bạn đang nghỉ ngơi khi bạn bắt đầu xác định kiểu.
4Nhấp chuột phải vào tên chọn, và sửa hoặc thay thế nó bằng tên mà bạn muốn sử dụng cho phong cách của bạn.
Bạn có thể đặt tên lớp và kiểu ID bất cứ điều gì bạn muốn, miễn là bạn không sử dụng bất kỳ dấu cách hay ký tự đặc biệt nào khác ngoài dấu gạch nối (-) hoặc gạch dưới (_).
Nếu bạn muốn tạo một phong cách bằng cách sử dụng bộ chọn lớp, bạn phải bắt đầu tên kiểu với dấu chấm hoặc khoảng thời gian.Nếu bạn muốn sử dụng bộ chọn ID, tên kiểu phải bắt đầu bằng một dấu hiệu (#).
5Trong bảng thuộc tính, chỉ định các cài đặt trong quy tắc kiểu của bạn.
Bộ chọn lớp và ID dễ dàng áp dụng cho nội dung sau khi bạn tạo chúng vì Dreamweaver thêm các kiểu này vào danh sách thả xuống Lớp và ID trong trình kiểm tra thuộc tính, nằm ở cuối vùng làm việc.
