Video: [Dreamweaver] 1/2 HTML, làm quen với CSS, định dạng Style cho web 2025
Adobe Creative Suite 5 (Adobe CS5) Trình kiểm tra thuộc tính của Dreamweaver được sử dụng để áp dụng thẻ HTML và xây dựng các lớp CSS để định dạng màu văn bản, khuôn mặt, kích thước và các đặc tính khác. Thanh tra thuộc tính được chia thành hai lần xem: HTML và CSS. Bạn có thể bật chúng bằng cách sử dụng các nút ở bên trái bảng điều khiển.
Đây là những gì tất cả các nút trên thanh tra thuộc tính có nghĩa là:
-
Định dạng (HTML): Sử dụng danh sách thả xuống Định dạng để áp dụng thẻ HTML định dạng toàn bộ đoạn, bao gồm các thẻ tiêu đề (Tiêu đề 1 đến Tiêu đề 6) thường được áp dụng cho tiêu đề, tiêu đề, thẻ đoạn và thẻ văn bản được định dạng sẵn. Bạn có thể dễ dàng điều chỉnh từng thuộc tính của thẻ sau bằng cách sử dụng CSS.
Sự lựa chọn cuối cùng trong danh sách Format drop-down được Preformatted, cho phép trình duyệt của bạn hiển thị văn bản chính xác theo cách bạn soạn nó.
-
ID (HTML): Cài đặt này áp dụng một kiểu CSS ID cho một phần tử. ID là một loại quy tắc CSS cụ thể (hoặc bộ chọn) được sử dụng để lưu trữ thông tin định dạng duy nhất cho một mục trên trang (ví dụ: thông tin định vị cho một vùng chứa).
-
Lớp (HTML): Danh sách thả xuống này áp dụng một kiểu lớp hiện có cho một vùng lựa chọn trên trang. Các kiểu lớp có thể được tạo ra với Thanh tra thuộc tính hoặc trực tiếp từ bảng điều khiển kiểu CSS.
-
Liên kết (HTML): Nhập liên kết (như www. Wiley. Com) hoặc nhấp vào biểu tượng thư mục để duyệt và liên kết đến một trang khác trong trang web của bạn.
-
Mục tiêu (HTML): Chọn nơi mà mục tiêu được liên kết sẽ xuất hiện.
-
Bold (HTML / CSS): Văn bản được chọn đậm.
-
Nghiêng (HTML / CSS): Sử dụng văn bản đã chọn.
-
Căn lề (CSS): Bạn có thể nhấp vào nút căn chỉnh trên thanh công cụ để áp dụng căn chỉnh trái, trung tâm và phải. Để trở lại chế độ canh lề trái mặc định, hãy nhấp lại vào nút căn chỉnh đã chọn.
-
Danh sách Không có Trật tự (HTML): Tự động chèn đạn ở phía trước các mục được liệt kê. Khi bạn sử dụng Tờ Cascading Style Sheets, bạn có thể áp dụng nhiều thuộc tính cho danh sách, bao gồm cả việc tùy chỉnh các đạn.
-
Danh sách có thứ tự (HTML): Tự động đánh số mỗi dòng văn bản bổ sung mỗi khi bạn nhấn phím Enter (Windows) hoặc Return (Mac).
Để buộc văn bản đến một dòng khác mà không cần thêm số tự động, nhấn Shift + Enter (Windows) hoặc Shift + Return (Mac).
-
Văn bản Outdent (HTML): Hoàn tác bằng cách nhấn vào nút Thụt lề với nút Khôi phục Văn bản. Tùy chọn này loại bỏ thẻ
mà nút Ấn thụt lề được tạo ra.
-
Ấn định dạng văn bản (HTML): Sử dụng tùy chọn này để thụt lề văn bản. Đơn giản chỉ cần đặt con trỏ vào đoạn văn bản mà bạn muốn thụt lề và nhấn nút Nháy Chèn Văn bản. Thẻ
được áp dụng.
-
Quy tắc Mục tiêu (CSS): Sửa đổi quy tắc CSS hiện tại hoặc tạo một quy tắc mới. Danh sách thả xuống này làm cho nó rõ ràng cho dù bạn đang tạo ra một quy tắc mới hoặc sửa đổi một hiện có trong kiểm tra tài sản.
-
Chỉnh sửa các nút Rule / CSS Panel (CSS): Đối với quy tắc được hiển thị trong danh sách thả xuống Mục tiêu được nhắm mục tiêu, bạn có thể chỉnh sửa thuộc tính và giá trị cho quy tắc đó trong hộp thoại Định nghĩa Quy tắc CSS hoặc xem nó trong bảng điều khiển CSS Styles ở bên phải.
-
Font (CSS): Phông chữ là kiểu chữ bạn chọn để hiển thị văn bản. Lưu ý rằng phông chữ mà người xem xem được dựa trên sự sẵn có của phông chữ trên máy tính của người dùng đó. Vì lý do này, các bộ phông được giới hạn trong các phông chữ hệ thống cơ bản được cài đặt trên hầu hết mọi máy tính, bất kể hệ điều hành.
Người xem có thể không có phông chữ mà bạn tải trong bộ phông chữ của bạn, vì vậy cố gắng giữ các kiểu chữ phổ biến như những kiểu chữ đã có trong bộ phông chữ Dreamweaver hiện có.
