1
00:00:00,000 --> 00:00:00,300

2
00:00:00,300 --> 00:00:04,840
>> ΟΜΙΛΗΤΗΣ: Έτσι δεν είναι πραγματικά το καλύτερο
Σχεδιάζουμε να μπερδεύονται με CSS HTML.

3
00:00:04,840 --> 00:00:08,700
Μάλλον, είναι καλύτερο να συνυπολογίσει σας
CSS, το βάζουμε κάπου κεντρικά, και

4
00:00:08,700 --> 00:00:11,430
κατά κάποιο τρόπο ισχύει για το
ετικέτες στην ιστοσελίδα σας.

5
00:00:11,430 --> 00:00:15,290
Για να επιτευχθεί αυτό, μπορούμε πραγματικά να σταματήσει
χρησιμοποιώντας το χαρακτηριστικό στυλ και αντ 'αυτού

6
00:00:15,290 --> 00:00:19,290
χρησιμοποιήστε μια ετικέτα στυλ, το οποίο ανήκει στην
επικεφαλής μιας σελίδας web, παράλληλα, για

7
00:00:19,290 --> 00:00:20,700
παράδειγμα, τον τίτλο σας.

8
00:00:20,700 --> 00:00:24,400
>> Ας δώσει σε αυτό μια δοκιμή και την εκ νέου εφαρμογή
μια αρχική σελίδα για τον John Harvard

9
00:00:24,400 --> 00:00:26,410
χρησιμοποιώντας την ετικέτα στυλ.

10
00:00:26,410 --> 00:00:28,930
Έχω πάρει ήδη μας ξεκίνησε
εδώ με τρεις divs για

11
00:00:28,930 --> 00:00:30,260
Αρχική John Χάρβαρντ.

12
00:00:30,260 --> 00:00:33,990
Αλλά ας πρώτα τώρα ανεβαίνουν σε αυτό το πρώτο
div και να προσθέσετε ένα νέο χαρακτηριστικό,

13
00:00:33,990 --> 00:00:38,680
δηλαδή ID, και να καθορίσετε ότι μια μοναδική
αναγνωριστικό για το συγκεκριμένο div

14
00:00:38,680 --> 00:00:42,390
πρέπει να είναι, για παράδειγμα, παραθέτω χωρίς εισαγωγικά
"Κορυφή", ένα αυθαίρετο όνομα, αλλά

15
00:00:42,390 --> 00:00:45,840
περιγραφική, αυτό το div είναι
Πράγματι, στην κορυφή της σελίδας μου.

16
00:00:45,840 --> 00:00:48,920
>> Για την επόμενη div, ας δώσουμε μια
διαφορετική ταυτότητα της παράθεση unquote

17
00:00:48,920 --> 00:00:54,080
"Μεσαία" και ας δώσουμε το τρίτο div
ένα αναγνωριστικό απόσπασμα της unquote "εκ των κάτω". Εμείς

18
00:00:54,080 --> 00:00:57,740
τώρα έχουμε τρεις μοναδικό αναγνωριστικό
με την οποία μπορούμε να εφαρμόσουμε κάποια CSS

19
00:00:57,740 --> 00:01:01,210
ιδιότητες, αλλά πρώτα, ας επιστροφή
στο κεφάλι αυτής της σελίδας.

20
00:01:01,210 --> 00:01:04,760
Ακριβώς πάνω από τον τίτλο εδώ, εγώ θα
να προχωρήσει και να ορίσετε το στυλ

21
00:01:04,760 --> 00:01:07,120
και στη συνέχεια κλείστε το στυλ.

22
00:01:07,120 --> 00:01:10,340
>> Μέσα από αυτό τώρα, πάω να καθορίσουν
ορισμένες ιδιότητες CSS, δηλαδή η

23
00:01:10,340 --> 00:01:14,550
ίδια με αυτά που είχα προηγουμένως με στυλ
χαρακτηριστικά, αλλά εδώ θα είναι

24
00:01:14,550 --> 00:01:16,320
καθορίζεται σε κεντρικό επίπεδο.

25
00:01:16,320 --> 00:01:20,880
Για να γίνει αυτό, θα πάω για να καθορίσετε τη λίρα
σύμβολο που ακολουθείται από πάνω, έτσι

26
00:01:20,880 --> 00:01:24,710
διευκρινίζοντας ότι η ακόλουθη CSS
ιδιότητες θα πρέπει να ισχύουν σε ό, τι

27
00:01:24,710 --> 00:01:28,800
HTML στοιχείο έχει τη μοναδική
αναγνωριστικό κορυφή.

28
00:01:28,800 --> 00:01:32,240
Είμαι στη συνέχεια πρόκειται να έχουν κάποια ανοιχτή και
κλειστά άγκιστρα, και Πάω να

29
00:01:32,240 --> 00:01:39,170
προσδιορίζει, για παράδειγμα, το μέγεθος της γραμματοσειράς πρέπει να είναι 36
pixels, το βάρος της γραμματοσειράς πρέπει να είναι τολμηρή.

30
00:01:39,170 --> 00:01:41,810
>> Για να κρατήσει τα πράγματα καθαρά, βάζω κάθε
από αυτές τις ιδιότητες τώρα μόνη της

31
00:01:41,810 --> 00:01:44,610
γραμμή, αλλά αυτό είναι μόνο ένα
υφολογική σύμβαση.

32
00:01:44,610 --> 00:01:47,830
Κάτω από αυτό, ας τώρα να ορίσει ένα άλλο
επιλογέα, να το πω έτσι.

33
00:01:47,830 --> 00:01:52,680
Αυτή η μία για την ετικέτα HTML που έχει
μοναδικό αναγνωριστικό της μέσης.

34
00:01:52,680 --> 00:01:57,540
Και εδώ, ας καθορίσετε ένα μέγεθος γραμματοσειράς
24 pixels, κάτω από αυτό το άλλο

35
00:01:57,540 --> 00:02:01,520
επιλογέα για κάτω, και μέσα
από αυτό, ας ορίσετε μια

36
00:02:01,520 --> 00:02:03,850
το μέγεθος της γραμματοσειράς των 12 pixels.

37
00:02:03,850 --> 00:02:09,350
>> Ας σώσει τώρα, να αλλάξετε τα δικαιώματα
για, και να φορτώσει αυτή τη σελίδα σε ένα πρόγραμμα περιήγησης,

38
00:02:09,350 --> 00:02:14,230
chmod ένα συν r css-1.html.

39
00:02:14,230 --> 00:02:22,260
Ας ανοίξει Chrome και επισκεφθείτε
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
Δεν είναι κακό.

41
00:02:22,960 --> 00:02:26,930
Ακριβώς όπως είχα την πρόθεση, αλλά θα ήθελα να
πάρουμε τα πράγματα ένα βήμα παραπέρα και τώρα

42
00:02:26,930 --> 00:02:29,050
κείμενο το κέντρο John Χάρβαρντ.

43
00:02:29,050 --> 00:02:32,080
Τώρα για να το πράξουν, θα μπορούσα να τυλίξετε το
ολόκληρη σελίδα σε ένα div, όπως εγώ

44
00:02:32,080 --> 00:02:33,800
έκανε ένα προηγούμενο παράδειγμα.

45
00:02:33,800 --> 00:02:37,820
Ή μπορώ να είμαι πιο έξυπνος και να συνειδητοποιήσουν ότι
όλα αυτά τα divs είναι μέσα

46
00:02:37,820 --> 00:02:42,420
το σώμα της σελίδας μου, οπότε γιατί να μην ισχύουν μόνο
μία ή περισσότερες ιδιότητες CSS στο σώμα

47
00:02:42,420 --> 00:02:43,850
ίδια ετικέτα;

48
00:02:43,850 --> 00:02:45,460
>> Για να γίνει αυτό, ας το κάνουμε.

49
00:02:45,460 --> 00:02:47,650
Ας πάμε πίσω στο gedit εδώ.

50
00:02:47,650 --> 00:02:52,460
Ας κύλιση προς τα πάνω στην ετικέτα Στυλ,
και ας ορίσετε έναν επιλογέα μόνο

51
00:02:52,460 --> 00:02:54,520
χρήση αυτού του tag το όνομα, το σώμα.

52
00:02:54,520 --> 00:03:00,580
Κάτω από αυτό, ας βάλουμε άγκιστρα μας
ακολουθούμενη από το κέντρο text-align.

53
00:03:00,580 --> 00:03:05,580
Ας τώρα να αποθηκεύσετε τη σελίδα και να φορτώσετε εκ νέου
το εσωτερικό αυτού του προγράμματος περιήγησης.

54
00:03:05,580 --> 00:03:08,090
Ανανέωση στο Chrome, και voila.

55
00:03:08,090 --> 00:03:11,000
Τώρα έχουμε σελίδα John Χάρβαρντ
με επίκεντρο όπως εμείς έχουμε σκοπό.

56
00:03:11,000 --> 00:03:12,619