Làm thế nào để sửa đổi các vị trí tuyệt đối định vị (AP) trong Adobe Dreamweaver CS6 - núm vú

Mỗi Định dạng Tuyệt đối (AP) Div bạn vẽ trong Adobe Dreamweaver CS6 được liệt kê tự động trong bảng AP Elements (chọn Window → AP Các yếu tố để hiển thị nó). Bảng điều khiển AP Elements có thể giúp bạn chọn, ẩn, và hiển thị bất kỳ mục AP nào trên trang. Bảng điều khiển này rất tiện dụng khi bạn có rất nhiều AP trên trang và muốn điều hướng trong số đó một cách chính xác.

Hầu hết tất cả, bởi vì bạn có thể sửa đổi các thuộc tính cho bất kỳ AP Div nào từ phong cách ID tương ứng của nó, bảng điều khiển này sẽ giúp bạn tìm ra kiểu ID nào thuộc về một AP Div.

Bảng điều khiển AP Elements thường được nhóm với bảng điều khiển CSS Styles, chỉ trong trường hợp bạn đang tìm kiếm nó.

Để sửa đổi một hộp (AP Div), hãy làm theo các bước sau:

1. Chọn Window → AP Elements để mở bảng điều khiển AP Elements.

2. Trong bảng điều khiển, tìm và chọn apDiv1 để làm nổi bật nó trên trang.

   Thanh tra Sở hữu trí tuệ thể hiện kích thước và vị trí của nó ngoài các tài sản khác.

3. Sử dụng các hộp văn bản trong thanh tra Thuộc tính, thay đổi chiều rộng hộp bằng cách nhập một số vào trường W và thay đổi chiều cao ô bằng cách nhập một số vào trường H.

4. Nhấp vào mẫu bên cạnh Bg Color và chọn màu từ bảng điều khiển Swatches bật lên để thiết lập một màu nền cho hộp.

   Để thêm các thuộc tính, chẳng hạn như biên giới hoặc đệm, thêm chúng vào bảng điều khiển CSS Styles.

5. Nếu bảng điều khiển kiểu CSS không hiển thị, mở nó bằng cách chọn Window → CSS Styles.

6. Nhấp đúp vào kiểu # apDiv1 ID kiểm soát hộp.

   Hộp thoại Định nghĩa Quy tắc CSS xuất hiện.

   

7. Chọn loại Border từ bên trái để thay đổi đường viền.

8. Trong cột Style, sử dụng danh sách thả xuống Top để thiết lập một kiểu đường biên (như Solid) cho cả bốn mặt.

   Sử dụng danh sách thả xuống Top dưới thể loại Width để chọn độ dày biên (ví dụ, vừa) cho cả bốn mặt. Sử dụng Bộ chọn màu trên cùng dưới cột Màu để gán màu đường viền cho cả bốn mặt.

   Để gán các giá trị khác cho bất kỳ hoặc tất cả các bên cho phong cách, chiều rộng hoặc màu sắc, bỏ chọn hộp kiểm Tương tự cho Tất cả trong các cột tương ứng của chúng.

9. Trong ô Hộp ở bên trái, dưới Padding, đặt padding cho cả bốn mặt của hộp đến độ dày bạn muốn (ví dụ, nhập 5 px vào hộp văn bản).

10. Nhấp OK để thoát khỏi bảng điều khiển và áp dụng các thay đổi.

    Bạn thấy các thuộc tính CSS bạn áp dụng ảnh hưởng như thế nào đến hộp apDiv1 trên trang.

Để ẩn hộp được hiển thị trong bảng AP Elements, nhấp vào cột bên trái tên của nó (dưới biểu tượng Mắt) cho đến khi một biểu tượng mắt kín xuất hiện.Để làm hộp xuất hiện lại, nhấp vào biểu tượng Mắt cho đến khi hộp mở ra.

Bạn có thể thấy hộp kiểm Ngăn chặn chồng chéo, bị bỏ chọn theo mặc định, ở đầu bảng điều khiển AP Elements. Vì các Mục AP có thể dễ dàng chồng chéo nhau, việc chọn hộp kiểm này sẽ ghi đè lên hành vi đó bằng cách buộc hộp bên cạnh nhau và ngăn việc tạo các hộp mới trên nhau.