Click once on the element in the D

Click once on the element in the Document Window to select it and then choose Format ➪ New Style. The New Style dialog box appears (visible in Figure 3-16) that lets you visually create new CSS code. 3. At the top of the screen, open the Selector drop-down list and choose (inline style). It’s the first item in the list. This ensures that the new style is applied as an inline style to the element. 4. Switch to the Box category, shown in Figure 3-17. This dialog box has a handy diagram that serves as a refresher on the CSS Box Model, showing you where the properties padding, border, and margin end up. By default, browsers draw some white space above or below an element, but the actual amount differs between browsers. To give each browser the same consistent settings, you can reset the padding to 0 and then apply a little bit of margin at the bottom of the heading, which creates some distance to the elements following it. To do this, set padding to 0 in the top box and clear the value from the drop-down list next to the text box. By leaving the Same for All option
c03.indd 89 2/21/2014 10:41:21 AM
www.it-ebooks.info
90 ❘ chapter 3 Designing Your Web Pages
selected, VS creates a shorthand declaration for you. Then uncheck Same for All for the margin section, enter 0 for the top, right, and left boxes, and clear the value from the drop-down next to each value. Next, enter 10 for the bottom text box and make sure px is selected in the drop-down list. Your screen should now look like Figure 3-17.

Kết quả (Việt) 1:

Click một lần trên các Các yếu tố trong cửa sổ tài liệu để chọn nó và sau đó chọn định dạng ➪ kiểu mới. Hộp thoại kiểu mới xuất hiện (có thể nhìn thấy trong hình 3-16) cho phép bạn trực quan tạo mã CSS mới. 3. ở phía trên cùng của màn hình, hãy mở danh sách thả xuống chọn và chọn (inline style). Đó là mục đầu tiên trong danh sách. Điều này đảm bảo phong cách mới được áp dụng như là một phong cách nội tuyến cho các nguyên tố. 4. chuyển sang ô mục, Hiển thị trong hình 3-17. Hộp thoại này có một sơ đồ hữu ích phục vụ như là một bồi dưỡng vào kiểu hộp CSS, Hiển thị cho bạn nơi mà tài sản padding, biên giới và lề kết thúc. Theo mặc định, trình duyệt vẽ một số không gian màu trắng ở trên hoặc dưới một nguyên tố, nhưng số tiền thực tế khác nhau giữa các trình duyệt. Để cung cấp cho mỗi trình duyệt cùng thiết đặt phù hợp, bạn có thể thiết lập lại padding-0 và sau đó áp dụng một chút chút lề ở phía dưới tiêu đề, tạo ra một khoảng cách với các yếu tố sau nó. Để làm điều này, thiết lập padding để 0 ở đầu hộp và xóa các giá trị từ danh sách thả xuống bên cạnh hộp văn bản. Bằng cách để lại tương tự cho tất cả các tùy chọn C03.indd 89 2/21/2014 10:41:21 AMwww.it-ebooks.info90 ❘ chương 3 thiết kế trang Web của bạnlựa chọn, VS tạo ra một tuyên bố viết tắt cho bạn. Sau đó bỏ chọn giống nhau cho tất cả đối với phần lãi, nhập 0 cho các hộp đầu, bên phải và bên trái, và rõ ràng các giá trị từ thả xuống bên cạnh mỗi giá trị. Tiếp theo, nhập 10 cho hộp văn bản phía dưới và đảm bảo rằng px được chọn trong danh sách thả xuống. Màn hình của bạn bây giờ nên nhìn giống như hình 3-17.

Kết quả (Việt) 2:

Click một lần vào phần tử trong cửa sổ tài liệu để chọn nó và sau đó chọn Format ➪ New Style. Hộp thoại New Style xuất hiện (có thể nhìn thấy trong hình 3-16) cho phép bạn trực quan tạo ra mã CSS mới. 3. Ở phía trên cùng của màn hình, mở Selector danh sách thả xuống và chọn (inline style). Đó là mục đầu tiên trong danh sách. Điều này đảm bảo rằng các phong cách mới được áp dụng như một phong cách nội tuyến chothành phần. 4. Chuyển sang mục Box, thể hiện trong hình 3-17. Hộp thoại này có một sơ đồ tiện dụng phục vụ như là một bồi dưỡng trên CSS Box Model, hiển thị cho bạn nơi mà các thuộc tính padding, biên giới, và lợi nhuận cuối lên. Theo mặc định, trình duyệt rút ra một số không gian màu trắng ở trên hoặc bên dướiyếu tố, nhưng số tiền thực tế khác nhau giữa các trình duyệt. Để cung cấp cho mỗi trình duyệt các thiết lập phù hợp tương tự, bạn có thể thiết lập lại các padding 0 và sau đó áp dụng một chút lợi nhuận ở dưới cùng của nhóm, mà tạo ra một số khoảng cách đến các yếu tố sau nó. Để làm điều này, thiết lập padding 0 vào ô đầu và rõ ràng các giá trị từ danh sách thả xuống bên cạnh hộp văn bản. Bằng cách giữ Tương tự cho tất cả các tùy chọn
c03.indd 89 2014/02/21 10:41:21
www.it-ebooks.info
90 | Chương 3 Thiết kế trang web của bạn
lựa chọn, VS tạo ra một bản tuyên bố viết tắt cho bạn. Sau đó bỏ chọn Tương tự cho tất cả cho các phần lợi nhuận, nhập 0 cho top, right, và hộp bên trái, và rõ ràng các giá trị từ trình đơn thả xuống bên cạnh mỗi giá trị. Tiếp theo, nhập 10 cho hộp văn bản dưới và đảm bảo px được chọn trong danh sách thả xuống. Màn hình của bạn bây giờ trông giống như Hình 3-17.