1 00:00:00,000 --> 00:00:00,260 2 00:00:00,260 --> 00:00:01,900 >> DAVID Malan: Vì vậy, tôi đã làm cho công cụ tìm kiếm của riêng tôi. 3 00:00:01,900 --> 00:00:04,100 Và tại thời điểm này, có vẻ như thế này. 4 00:00:04,100 --> 00:00:05,265 Tôi có ở đây là tiêu đề của trang. 5 00:00:05,265 --> 00:00:06,580 Đó là CS50 Tìm kiếm. 6 00:00:06,580 --> 00:00:10,380 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à 7 00:00:10,380 --> 00:00:13,650 văn bản và đầu vào khác loại mà là nộp. 8 00:00:13,650 --> 00:00:17,180 >> 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 9 00:00:17,180 --> 00:00:20,260 có một h1 và một thẻ tiêu đề được truyền đạt điều này 10 00:00:20,260 --> 00:00:22,020 thực sự là CS50 Tìm kiếm. 11 00:00:22,020 --> 00:00:25,940 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 12 00:00:25,940 --> 00:00:27,140 bạn bè của chúng tôi tại Google. 13 00:00:27,140 --> 00:00:30,430 Và bên trong của hình thức đó, chúng tôi có hai loại đầu vào. 14 00:00:30,430 --> 00:00:33,770 >> Nhưng thông báo tại phía trên của trang, bên trong đầu của trang, 15 00:00:33,770 --> 00:00:36,750 có một từ khóa phong cách, bên trong mà là một thuộc tính CSS cho 16 00:00:36,750 --> 00:00:38,570 cơ thể của trang. 17 00:00:38,570 --> 00:00:41,580 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 18 00:00:41,580 --> 00:00:43,050 trên nhiều trang? 19 00:00:43,050 --> 00:00:46,640 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 20 00:00:46,640 --> 00:00:50,030 trong các trang web khác nhau, tất cả trong đó có thẻ cơ thể? 21 00:00:50,030 --> 00:00:53,660 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 22 00:00:53,660 --> 00:00:57,730 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 đó 23 00:00:57,730 --> 00:01:01,100 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 24 00:01:01,100 --> 00:01:04,840 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 25 00:01:04,840 --> 00:01:07,220 có thể làm điều đó dễ dàng hơn nhiều. 26 00:01:07,220 --> 00:01:08,860 Chúng ta hãy cố gắng để làm điều này. 27 00:01:08,860 --> 00:01:12,520 >> Trước tiên, hãy cắt ra này từ khóa phong cách hoàn toàn. 28 00:01:12,520 --> 00:01:16,820 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à 29 00:01:16,820 --> 00:01:18,970 cùng CSS trong tập tin này. 30 00:01:18,970 --> 00:01:23,500 cơ thể là sẽ có text-align: center;. 31 00:01:23,500 --> 00:01:24,760 Hãy lưu tập tin đó. 32 00:01:24,760 --> 00:01:30,950 >> 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 33 00:01:30,950 --> 00:01:33,630 quy định cụ thể một siêu tham khảo tìm-3.css. 34 00:01:33,630 --> 00:01:38,650 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 35 00:01:38,650 --> 00:01:41,880 trang là để phục vụ như phong cách của nó. 36 00:01:41,880 --> 00:01:44,840 Hãy bây giờ đóng thẻ này, tiết kiệm các tập tin, và tải lại 37 00:01:44,840 --> 00:01:46,910 trang này trong trình duyệt. 38 00:01:46,910 --> 00:01:49,700 >> Nó sắp xếp lại các văn bản trên trái như CSS 39 00:01:49,700 --> 00:01:50,905 bất động sản thậm chí còn không được áp dụng. 40 00:01:50,905 --> 00:01:53,020 Bây giờ tại sao có thể được? 41 00:01:53,020 --> 00:01:54,590 Chúng ta hãy nhìn vào quyền tập tin của - 42 00:01:54,590 --> 00:01:58,630 không cho phép các tập tin HTML, nhưng cho phép các tập tin CSS của. 43 00:01:58,630 --> 00:02:02,740 >> Trở lại đây trong gedit, chúng ta hãy đi xuống cửa sổ terminal và gõ ls-l 44 00:02:02,740 --> 00:02:04,720 tìm kiếm 3.css. 45 00:02:04,720 --> 00:02:09,810 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, 46 00:02:09,810 --> 00:02:11,110 không ai có thể đọc nó. 47 00:02:11,110 --> 00:02:17,570 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 48 00:02:17,570 --> 00:02:20,970 ls-l tìm kiếm 3.css-- 49 00:02:20,970 --> 00:02:21,910 và tốt hơn nhiều. 50 00:02:21,910 --> 00:02:24,380 Bây giờ cả thế giới có thể đọc tập tin này. 51 00:02:24,380 --> 00:02:26,950 >> Chúng ta hãy quay trở lại trình duyệt, tải lại. 52 00:02:26,950 --> 00:02:29,220 Thì đấy, chúng tôi trở lại một trung tâm công cụ tìm kiếm. 53 00:02:29,220 --> 00:02:32,450 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. 54 00:02:32,450 --> 00:02:36,000 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 55 00:02:36,000 --> 00:02:39,690 tập trung, nơi nào đó mà chúng ta có thể sau đó bao gồm trong các trang web khác 56 00:02:39,690 --> 00:02:41,580 chúng ta có thể xảy ra để thực hiện trong tương lai. 57 00:02:41,580 --> 00:02:45,430 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 58 00:02:45,430 --> 00:02:48,570 có thể làm điều đó rất đơn giản trong vị trí trung tâm. 59 00:02:48,570 --> 00:02:50,902