1 00:00:00,000 --> 00:00:00,360 2 00:00:00,360 --> 00:00:01,970 >> DAVID MALAN: Szóval dolgoztam Ezen kereső 3 00:00:01,970 --> 00:00:03,480 úgy néz ki, mint ez. 4 00:00:03,480 --> 00:00:07,580 Úgy tűnik, hogy a cím az úgynevezett CS50 Search, amely alatt egy HTML form, 5 00:00:07,580 --> 00:00:10,430 belsejében, amely egy bemeneti akinek típusú szöveg és más beviteli 6 00:00:10,430 --> 00:00:12,260 amelynek típusa benyújtani. 7 00:00:12,260 --> 00:00:15,400 Nézzük most vessünk egy pillantást a mögöttes forráskódja ezen az oldalon. 8 00:00:15,400 --> 00:00:20,180 >> Itt search-2.html, észre, hogy én valóban egy címet formájában 9 00:00:20,180 --> 00:00:23,260 fej, ​​valamint a szervezetben egy h1 tag körül. 10 00:00:23,260 --> 00:00:26,490 Van egy HTML form, és akkor a két bemenet. 11 00:00:26,490 --> 00:00:30,650 De figyeljük meg, különösen a test tag, hogy én már kijelentette, a stílus 12 00:00:30,650 --> 00:00:35,770 attribútum, melynek értéke text-align: központ, ezzel meghatározva, hogy az összes 13 00:00:35,770 --> 00:00:38,390 Szöveg ezen az oldalon kell lennie igazítva a központban. 14 00:00:38,390 --> 00:00:41,700 >> Most ez tökéletesen működik helyesen, de ez egy kicsit hanyag. 15 00:00:41,700 --> 00:00:43,900 Nem igazán lehet megmondani annyi mert ez az oldal meglehetősen 16 00:00:43,900 --> 00:00:44,960 kicsi a pillanatban. 17 00:00:44,960 --> 00:00:47,520 De képzeld el, ha ezen az oldalon van hosszabb és hosszabb, valamint 18 00:00:47,520 --> 00:00:49,180 hosszabb és bonyolultabb. 19 00:00:49,180 --> 00:00:53,960 >> Figyeljük meg, hogy a minta, amit elfogadott itt az, hogy keverednek az esztétika 20 00:00:53,960 --> 00:00:57,380 a szerkezet a oldal segítségével a stílus attribútum. 21 00:00:57,380 --> 00:01:00,540 Hosszú történet rövid, ez nem a legjobb design, bizonyosan az oldalakat nő 22 00:01:00,540 --> 00:01:02,010 bonyolultabb. 23 00:01:02,010 --> 00:01:05,830 Jobb design lenne tényező ki hogy a stilizálás és tedd helyre 24 00:01:05,830 --> 00:01:09,730 központi, például nem a stílus attribútum, de stílusban tag, 25 00:01:09,730 --> 00:01:13,310 kifejezetten a stílus címke belsejében Az oldalam feje tag. 26 00:01:13,310 --> 00:01:14,830 Nézzük pontosan erre. 27 00:01:14,830 --> 00:01:18,160 >> Először menjünk ide, és törli ez a stílus attribútum összesen. 28 00:01:18,160 --> 00:01:22,420 Aztán vissza fel az oldalam fejét, hadd kijelentik stílus címkét, és zárja be a 29 00:01:22,420 --> 00:01:24,620 Ugyanakkor, úgyhogy nem felejtsük el, hogy később. 30 00:01:24,620 --> 00:01:28,120 És akkor hadd adja meg, hogy a test ezen az oldalon kell egy CSS 31 00:01:28,120 --> 00:01:32,040 tulajdona text-align középre van. 32 00:01:32,040 --> 00:01:35,320 Nézzük most menteni ezt az oldalt, töltse be újra a a böngésző, és mi a hatás. 33 00:01:35,320 --> 00:01:38,070 34 00:01:38,070 --> 00:01:40,510 >> Újratöltése a böngészőben - 35 00:01:40,510 --> 00:01:41,570 nincs hatása egyáltalán. 36 00:01:41,570 --> 00:01:43,110 De nincs hatása volt a célja. 37 00:01:43,110 --> 00:01:45,150 Mi csak javítja ezt az oldalt a design. 38 00:01:45,150 --> 00:01:47,606