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

2
00:00:00,300 --> 00:00:04,840
>> ENCEINTE: Donc ce n'est pas vraiment la meilleure
concevoir à mêler CSS avec HTML.

3
00:00:04,840 --> 00:00:08,700
Au contraire, il est préférable de tenir votre
CSS, mettre quelque chose de central, et

4
00:00:08,700 --> 00:00:11,430
en quelque sorte l'appliquer à la
mots-clés dans votre page web.

5
00:00:11,430 --> 00:00:15,290
Pour ce faire, nous pouvons arrêter
en utilisant l'attribut de style et la place

6
00:00:15,290 --> 00:00:19,290
utiliser une balise de style, qui appartient à la
tête d'une page web à coté, pour

7
00:00:19,290 --> 00:00:20,700
Ainsi, votre titre.

8
00:00:20,700 --> 00:00:24,400
>> Donnons à ce essayer et re-mettre en œuvre
une page d'accueil pour John Harvard

9
00:00:24,400 --> 00:00:26,410
en utilisant la balise de style.

10
00:00:26,410 --> 00:00:28,930
J'ai déjà eu nous avons commencé
ici avec trois divs pour

11
00:00:28,930 --> 00:00:30,260
Le site web de John Harvard.

12
00:00:30,260 --> 00:00:33,990
Premier maintenant aller Mais nous allons à cette première
div et ajouter un nouvel attribut,

13
00:00:33,990 --> 00:00:38,680
à savoir ID, et spécifier qu'un unique de
identifiant pour cette div particulier

14
00:00:38,680 --> 00:00:42,390
sont, par exemple, entre guillemets
"Top", un nom arbitraire, mais

15
00:00:42,390 --> 00:00:45,840
descriptif que cette div est
en effet en haut de ma page.

16
00:00:45,840 --> 00:00:48,920
>> Pour la prochaine div, donnons-lui une
ID différent de entre guillemets

17
00:00:48,920 --> 00:00:54,080
"Milieu", et nous allons donner le troisième div
un ID de je cite «bas». Nous

18
00:00:54,080 --> 00:00:57,740
ont maintenant trois identificateur unique
à laquelle nous pouvons appliquer un peu de CSS

19
00:00:57,740 --> 00:01:01,210
propriétés, mais d'abord, revenons
à la tête de cette page.

20
00:01:01,210 --> 00:01:04,760
Juste au-dessus du titre ici, je vais
aller de l'avant et de définir le style

21
00:01:04,760 --> 00:01:07,120
puis fermez le modèle.

22
00:01:07,120 --> 00:01:10,340
>> A l'intérieur de ce moment, je vais définir
certaines propriétés CSS, à savoir la

23
00:01:10,340 --> 00:01:14,550
mêmes que j'ai déjà eu dans le style
attributs, mais ici ils seront

24
00:01:14,550 --> 00:01:16,320
défini centralement.

25
00:01:16,320 --> 00:01:20,880
Pour ce faire, je vais préciser la livre
symbole suivie par dessus, ce qui

26
00:01:20,880 --> 00:01:24,710
précisant que le CSS suivant
propriétés doivent s'appliquer à n'importe quelle

27
00:01:24,710 --> 00:01:28,800
élément HTML a uniques
identificateur de haut.

28
00:01:28,800 --> 00:01:32,240
Je puis aller à une certaine ouverture et
accolades fermées, et je vais

29
00:01:32,240 --> 00:01:39,170
préciser, par exemple, la taille de police est de 36
pixels, poids de la police doit faire preuve d'audace.

30
00:01:39,170 --> 00:01:41,810
>> Pour garder les choses propres, je mets chaque
de ces propriétés maintenant de sa propre

31
00:01:41,810 --> 00:01:44,610
ligne, mais c'est juste un
convention stylistique.

32
00:01:44,610 --> 00:01:47,830
En dessous, nous allons définir maintenant un autre
sélecteur, pour ainsi dire.

33
00:01:47,830 --> 00:01:52,680
Celui-ci pour la balise HTML qui a
identificateur unique du milieu.

34
00:01:52,680 --> 00:01:57,540
Et ici, nous allons spécifier une taille de police
de 24 pixels, au-dessous de l'autre que

35
00:01:57,540 --> 00:02:01,520
Sélecteur de fond, et à l'intérieur
de cela, nous allons préciser un

36
00:02:01,520 --> 00:02:03,850
la taille de police de 12 pixels.

37
00:02:03,850 --> 00:02:09,350
>> Voyons maintenant enregistrer, modifier les autorisations
sur, et de charger cette page dans un navigateur,

38
00:02:09,350 --> 00:02:14,230
chmod un plus r css-1.html.

39
00:02:14,230 --> 00:02:22,260
Ouvrons Chrome et visiter
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
Pas mal.

41
00:02:22,960 --> 00:02:26,930
Exactement comme je voulais, mais je voudrais
prendre les choses un peu plus loin maintenant et

42
00:02:26,930 --> 00:02:29,050
Le texte de centre John Harvard.

43
00:02:29,050 --> 00:02:32,080
Maintenant, pour ce faire, je pourrais enrouler le
page entière dans un div comme je

44
00:02:32,080 --> 00:02:33,800
fait un exemple précédent.

45
00:02:33,800 --> 00:02:37,820
Ou je peux être plus intelligent et réaliser que
tous ces divs sont à l'intérieur de

46
00:02:37,820 --> 00:02:42,420
le corps de ma page, alors pourquoi ne pas appliquer
un ou plusieurs des propriétés CSS pour le corps

47
00:02:42,420 --> 00:02:43,850
marquer lui-même?

48
00:02:43,850 --> 00:02:45,460
>> Pour ce faire, nous allons le faire.

49
00:02:45,460 --> 00:02:47,650
Revenons à gedit ici.

50
00:02:47,650 --> 00:02:52,460
Disons revenir en arrière jusqu'à la balise de style,
et nous allons spécifier un sélecteur juste

51
00:02:52,460 --> 00:02:54,520
utilisant le nom, corps de cette balise.

52
00:02:54,520 --> 00:03:00,580
En dessous, nous allons mettre nos accolades
suivi par le centre text-align.

53
00:03:00,580 --> 00:03:05,580
Sauvons maintenant la page et recharger
à l'intérieur de ce navigateur.

54
00:03:05,580 --> 00:03:08,090
Recharger en chrome, et le tour est joué.

55
00:03:08,090 --> 00:03:11,000
Nous avons maintenant la page de John Harvard
centrée que nous voulions.

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