Css Chỉnh sửa Giao diện trong Adobe CS5 Dreamweaver - những người có đầu

Trụ sở Creative Suite 5 (Adobe CS5) Dreamweaver cung cấp nhiều cách để thay đổi bố cục trang Cascading Style Sheets. Một bố cục CSS được kiểm soát hoàn toàn bởi các quy tắc của bảng kiểu, do đó bạn có thể sửa đổi giao diện của trang trực tiếp từ bảng điều khiển CSS Styles và Inspector Property.

Mỗi cột, hộp và không gian trên trang mới của bạn được định vị và kích thước sử dụng các quy tắc và thuộc tính CSS, tất cả đều có thể điều chỉnh từ thanh tra thuộc tính (trên bảng điều khiển Kiểu dạng CSS) hoặc bảng Định nghĩa quy tắc CSS.

1. Nếu bảng điều khiển kiểu CSS chưa được mở, hãy chọn Window → CSS Styles để mở nó.

2. Chọn tab Tất cả để hiển thị trang tính và các quy tắc của nó.

   Kiểu trang trí nội bộ được hiển thị ở trên cùng. Nhấp vào mũi tên ở bên trái để mở rộng nó và hiển thị tất cả các quy tắc chứa trong đó. Các bố cục sử dụng một trang tính đính kèm (bên ngoài) hiển thị tên bảng kiểu (chẳng hạn như các kiểu.css) thay vì thẻ.

3. Chọn nguyên tắc cơ thể.

   Phong cách dựa trên thẻ kiểm soát việc định dạng chung của toàn bộ trang (mọi thứ bên trong thẻ).

4. Nhấp vào trường bên cạnh quy tắc nền để chỉnh sửa; thay vì giữ cài đặt # 4E5869 (vừa phải màu xám), hãy nhập màu hệ thập lục phân (như # CC0000 cho màu đỏ) để thay đổi màu nền của trang.

5. Nhấp vào mẫu bên cạnh quy tắc màu để mở bảng điều khiển Thử nghiệm; chọn một loại màu mặc định mới cho văn bản trên trang của bạn.

6. Ở đầu bảng điều khiển kiểu CSS, chọn một kiểu khác (ví dụ, kiểu.container. TwoColElstHdr #container) để xem thuộc tính của nó.

   The. styleColHybLtHdr #container ID kiểm soát kích thước và sự xuất hiện của vùng chứa bố cục chính trên trang.

7. Trong thanh tra Thuộc tính, chỉnh sửa các thuộc tính để thay đổi sự xuất hiện của kiểu.

   Ví dụ: bạn có thể thay đổi chiều rộng của quy tắc bằng cách nhập một số mới vào hộp văn bản Rộng Rule. Nếu bạn nhập 95% , ví dụ, bạn làm cho toàn bộ bố cục rộng hơn.

Mỗi cột và phần bao gồm bố cục của bạn được điều khiển bởi một trong các kiểu ID được liệt kê trong bảng điều khiển kiểu CSS. Hầu hết mọi kiểu ID đều có thuộc tính chiều rộng mà bạn có thể sử dụng để thay đổi kích thước của các khu vực khác nhau trên trang.

Tiếp tục sửa đổi các kiểu khác nhau được liệt kê trong bảng điều khiển CSS Styles và xem nó ảnh hưởng đến các yếu tố khác nhau trên trang của bạn như thế nào. Hãy thử thay đổi màu sắc, họ font và các thuộc tính khác, chẳng hạn như đệm và màu nền.

Để tìm ra chính xác ID nào kiểm soát cột hoặc phần đó, nhấp vào trong khu vực trang và nhìn vào bộ chọn thẻ ở cuối cửa sổ Tài liệu.Thẻ cuối cùng ở cuối chuỗi cho biết bạn đang ở trong vùng chứa nào và ID tương ứng của nó trong bảng điều khiển kiểu CSS (ví dụ:).