>> SPEAKER: Vì vậy, nó thực sự không phải là tốt nhất thiết kế để hoà lẫn CSS với HTML.
Thay vào đó, tốt nhất là yếu tố ra của bạn CSS, đặt nó ở một nơi trung tâm, và
bằng cách nào đó áp dụng nó vào thẻ trong trang web của bạn.
Để đạt được điều này, chúng ta có thể dừng lại sử dụng thuộc tính Phong cách và thay vào đó
sử dụng một thẻ Style, thuộc trong đầu của một trang web bên cạnh, cho
Ví dụ, tiêu đề của bạn.
>> Hãy cung cấp cho một thử này và tái thực hiện một trang chủ cho John Harvard
sử dụng thẻ Style.
Tôi đã nhận được chúng tôi bắt đầu ở đây với ba divs cho
Trang chủ John Harvard.
Nhưng trước tiên hãy bây giờ đi đến này đầu tiên div và thêm một thuộc tính mới,
cụ thể là ID, và xác định rằng một độc đáo định danh cho div đặc biệt này
sẽ được, ví dụ, trích dẫn unquote "Top", một tên tùy ý, nhưng
mô tả trong đó div này là thực sự ở trên cùng của trang của tôi.
>> Cho div tiếp theo, chúng ta hãy cho nó một ID khác nhau quote unquote
"Trung lưu", và chúng ta hãy cung cấp cho các div thứ ba một ID của quote unquote "đáy". Chúng tôi
bây giờ có ba định danh duy nhất mà chúng ta có thể áp dụng một số CSS
tài sản, nhưng trước tiên, chúng ta hãy trở lại cho người đứng đầu của trang này.
Ngay trên tiêu đề ở đây, tôi sẽ đi trước và xác định phong cách
và sau đó phong cách gần.
>> Bên trong này ngay bây giờ, tôi sẽ xác định một số thuộc tính CSS, cụ thể là
cùng những người thân trước đây tôi đã có trong Phong cách thuộc tính, nhưng ở đây họ sẽ được
xác định trực thuộc Trung ương.
Để làm như vậy, tôi sẽ chỉ định các bảng biểu tượng tiếp theo hàng đầu, do đó
xác định rằng CSS sau tính nên áp dụng cho bất cứ điều gì
Phần tử HTML có độc đáo nhận dạng hàng đầu.
Tôi sau đó sẽ có một số mở và dấu ngoặc nhọn đóng cửa, và tôi sẽ
chỉ định, ví dụ, kích thước phông chữ được 36 pixel, trọng lượng font chữ sẽ được in đậm.
>> Để giữ cho mọi thứ sạch sẽ, tôi đặt mỗi trong số đó bây giờ riêng của mình
dòng, nhưng đó chỉ là một ước phong cách.
Dưới đây này, bây giờ chúng ta xác định một chọn, do đó, để nói chuyện.
Điều này cho thẻ HTML có định danh duy nhất của trung.
Và ở đây, chúng ta hãy xác định một kích thước phông chữ 24 điểm ảnh, dưới đây là một
chọn cho phía dưới, và bên trong đó, chúng ta hãy xác định một
cỡ chữ 12 pixel.
>> Bây giờ chúng ta tiết kiệm, thay đổi các điều khoản trên, và tải các trang này trong trình duyệt,
chmod một cộng r css-1.html.
Chúng ta hãy mở Chrome và truy cập vào http://localhost/css-1.html.
Không xấu.
Chính xác như tôi dự định, nhưng tôi muốn có những điều một bước xa hơn bây giờ và
văn bản trung tâm John Harvard.
Bây giờ làm như vậy, tôi có thể quấn toàn bộ trang trong một div như tôi
đã làm một ví dụ trước đó.
Hoặc tôi có thể trở nên thông minh hơn và nhận ra rằng tất cả các divs là bên trong
cơ thể trang của tôi, vậy tại sao không chỉ áp dụng một hoặc nhiều thuộc tính CSS cho cơ thể
thẻ chính nó?
>> Để làm như vậy, chúng ta hãy làm điều này.
Chúng ta hãy quay trở lại gedit đây.
Hãy di chuyển trở lại các thiết lập của thẻ Style, và chúng ta hãy xác định một chọn chỉ
sử dụng tên của thẻ đó, cơ thể.
Dưới đây, chúng ta hãy đặt dấu ngoặc nhọn của chúng tôi tiếp theo trung tâm text-align.
Bây giờ hãy lưu trang và tải lại nó bên trong trình duyệt.
Tải lại trong Chrome, và thì đấy.
Bây giờ chúng tôi có trang John Harvard trung tâm như chúng tôi dự định.