>> DAVID Malan: Vì vậy, tôi đã làm cho công cụ tìm kiếm của riêng tôi.
Và tại thời điểm này, có vẻ như thế này.
Tôi có ở đây là tiêu đề của trang.
Đó là CS50 Tìm kiếm.
Tôi có một hình thức HTML bên trong đó dường như là một đầu vào có loại là
văn bản và đầu vào khác loại mà là nộp.
>> Nếu bây giờ chúng ta hãy nhìn vào mã nguồn cho trang này, nhận thấy rằng, thực sự, chúng tôi
có một h1 và một thẻ tiêu đề được truyền đạt điều này
thực sự là CS50 Tìm kiếm.
Chúng tôi có một thẻ hình thức đó là quy định cụ thể rằng hình thức phải được gửi tới
bạn bè của chúng tôi tại Google.
Và bên trong của hình thức đó, chúng tôi có hai loại đầu vào.
>> Nhưng thông báo tại phía trên của trang, bên trong đầu của trang,
có một từ khóa phong cách, bên trong mà là một thuộc tính CSS cho
cơ thể của trang.
Nếu, tuy nhiên, chúng tôi muốn làm cho tất cả các văn bản liên kết
trên nhiều trang?
Nói cách khác, tôi muốn tái sử dụng này Thuộc tính CSS một lần nữa và một lần nữa và một lần nữa
trong các trang web khác nhau, tất cả trong đó có thẻ cơ thể?
Vâng, tôi chắc chắn có thể sao chép và dán CSS vào mỗi của các trang, nhưng
nó muốn được thiết kế tốt hơn các yếu tố này ra một số tập tin trung ương và sau đó
bằng cách nào đó bao gồm tập tin trong tất cả các các trang để nếu tôi đã bao giờ muốn
thực hiện thay đổi và sắp xếp văn bản của tôi trên trái hoặc sắp xếp văn bản của tôi về bên phải, tôi
có thể làm điều đó dễ dàng hơn nhiều.
Chúng ta hãy cố gắng để làm điều này.
>> Trước tiên, hãy cắt ra này từ khóa phong cách hoàn toàn.
Và bây giờ chúng ta hãy mở một tập tin tên, nói, tìm kiếm 3.css và đặt mà
cùng CSS trong tập tin này.
cơ thể là sẽ có text-align: center;.
Hãy lưu tập tin đó.
>> Bây giờ chúng ta quay trở lại để tìm kiếm-3.html và, trong đầu một lần nữa, thêm một thẻ liên kết
quy định cụ thể một siêu tham khảo tìm-3.css.
CSS Và chúng ta hãy xác định rằng mối quan hệ rằng tập tin này có với
trang là để phục vụ như phong cách của nó.
Hãy bây giờ đóng thẻ này, tiết kiệm các tập tin, và tải lại
trang này trong trình duyệt.
>> Nó sắp xếp lại các văn bản trên trái như CSS
bất động sản thậm chí còn không được áp dụng.
Bây giờ tại sao có thể được?
Chúng ta hãy nhìn vào quyền tập tin của -
không cho phép các tập tin HTML, nhưng cho phép các tập tin CSS của.
>> Trở lại đây trong gedit, chúng ta hãy đi xuống cửa sổ terminal và gõ ls-l
tìm kiếm 3.css.
Ah, thực sự, mặc dù tôi, các tập tin của chủ sở hữu, có thể đọc và ghi tập tin này,
không ai có thể đọc nó.
Nhưng chúng ta có thể sửa lỗi này với chmod a + r tìm kiếm 3.css, và bây giờ chúng ta hãy tái thực hiện
ls-l tìm kiếm 3.css--
và tốt hơn nhiều.
Bây giờ cả thế giới có thể đọc tập tin này.
>> Chúng ta hãy quay trở lại trình duyệt, tải lại.
Thì đấy, chúng tôi trở lại một trung tâm công cụ tìm kiếm.
Tất nhiên, đây là nơi mà chúng tôi đã bắt đầu câu chuyện, với các văn bản của chúng tôi đã làm trung tâm.
Nhưng thiết kế tốt hơn những gì hiện đang có chúng tôi đã yếu tố ra CSS vào một
tập trung, nơi nào đó mà chúng ta có thể sau đó bao gồm trong các trang web khác
chúng ta có thể xảy ra để thực hiện trong tương lai.
Vì vậy, nếu chúng ta muốn recenter hoặc restylize nói chung trang của chúng tôi, chúng tôi
có thể làm điều đó rất đơn giản trong vị trí trung tâm.