Video: 08 - Thay đổi màu sắc code 2025
Cần thay đổi sự xuất hiện của một bảng trên trang web của bạn? Khi bạn chọn một bảng trong Dreamweaver, thanh tra thuộc tính cho phép bạn truy cập vào các tuỳ chọn sau để tùy chỉnh sự xuất hiện của bảng:
-
Bảng: Cung cấp vùng văn bản nơi bạn có thể nhập tên cho một bảng. Tên này, hoặc ID, rất hữu ích cho việc nhắm mục tiêu bảng trong các tập lệnh.
-
Hàng: Hiển thị số hàng trong bảng. Bạn có thể thay đổi kích thước của bảng bằng cách thay đổi số. Hãy thận trọng, tuy nhiên: Nếu bạn nhập một số nhỏ hơn số hàng trong bảng của bạn, Dreamweaver sẽ xóa hàng dưới cùng - nội dung và tất cả.
-
Cols: Hiển thị số cột trong bảng. Bạn có thể thay đổi kích thước của bảng bằng cách thay đổi số. Một lần nữa, nếu bạn nhập một số ít hơn số cột trong bảng của bạn, Dreamweaver sẽ xóa các cột ở phía bên phải của bảng - các nội dung và tất cả.
-
W (chiều rộng): Hiển thị chiều rộng của bảng. Bạn có thể thay đổi chiều rộng bằng cách thay đổi số. Bạn có thể chỉ định độ rộng dưới dạng phần trăm hoặc một giá trị bằng pixel. Các giá trị thể hiện dưới dạng tăng phần trăm hoặc giảm kích thước của bảng so với kích thước cửa sổ trình duyệt của người dùng hoặc bất kỳ vùng chứa nào, chẳng hạn như bảng hoặc thẻ khác.
Kích thước bảng được biểu thị như một phần trăm cho phép bạn tạo các bảng thay đổi kích thước khi cửa sổ trình duyệt được thay đổi kích cỡ. Nếu bạn muốn một bảng luôn luôn chiếm 75 phần trăm cửa sổ, bất kể khu vực hiển thị của người dùng, hãy đặt kích thước theo phần trăm. Nếu bạn muốn một bảng luôn có cùng kích thước bất kể kích thước cửa sổ trình duyệt, hãy chọn pixel cho chiều rộng của bảng.
Nếu một bảng được chèn vào một vùng chứa khác, chẳng hạn như một thẻ hoặc một bảng có chiều rộng cố định, thì bảng có kích thước không dựa trên cửa sổ trình duyệt nhưng trên vùng chứa.
Lưu ý: Bắt đầu từ Dreamweaver CS4, bạn không còn tìm thấy một trường H (chiều cao) nữa. Là một phương pháp hay nhất, hầu hết các nhà thiết kế không chỉ rõ chiều cao của bảng bởi vì nội dung của bảng có thể thay đổi từ khách này sang người khác. Ví dụ: kích thước phông chữ của văn bản phụ thuộc vào hệ thống và cài đặt của người dùng.
-
CellPad: Chỉ định không gian giữa nội dung của ô và đường viền của nó.
-
CellSpace: Chỉ định không gian giữa các ô của bảng.
-
Căn chỉnh: Kiểm soát sự căn chỉnh của bảng trên trang web. Các tùy chọn là Default, Left, Center, và Right. Theo nguyên tắc chung, cài đặt mặc định căn lề bảng từ phía bên trái của cửa sổ trình duyệt hoặc các vùng chứa khác.
-
Biên giới: Kiểm soát kích thước của đường viền xung quanh bàn.Con số càng lớn, biên giới càng dày. Nếu bạn muốn đường viền vô hình, thiết lập nó là 0.
-
Class: Cung cấp khả năng truy cập dễ dàng vào các tuỳ chọn kiểu sheet.
-
Xoá và Chuyển đổi: Các biểu tượng trong vùng dưới bên trái của Thanh tra Thuộc tính (nhấp vào mũi tên phần mở rộng ở góc dưới bên phải để xem chúng) cung cấp các tùy chọn định dạng này:
-
Clear Row Heights > và Clear Column Widths cho phép bạn loại bỏ tất cả các giá trị độ cao và chiều rộng cùng một lúc. Chuyển đổi chiều rộng bảng thành pixel
-
và Chuyển đổi độ rộng bảng thành phần trăm cho phép bạn tự động thay đổi cài đặt Width từ phần trăm sang pixel. Pixel chỉ định chiều rộng cố định; cài đặt phần trăm có nghĩa là trình duyệt tự động điều chỉnh tỷ lệ phần trăm được chỉ định của khu vực hiển thị trình duyệt. Bạn cũng có thể áp dụng các tùy chọn định dạng và thay đổi thuộc tính của bất kỳ phần tử nào - chẳng hạn như văn bản, hình ảnh hoặc tệp đa phương tiện - trong một ô trong bảng. Để làm như vậy, chọn phần tử và sau đó sử dụng các tùy chọn trong thanh tra thuộc tính CSS hoặc HTML để thực hiện các thay đổi mong muốn của bạn, giống như bạn đã làm nếu phần tử không nằm trong một ô trong bảng.
-
