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

2
00:00:00,300 --> 00:00:04,840
>> COLUMNA: Entón, en realidade, non é o mellor
proxectar para mesturar CSS con HTML.

3
00:00:04,840 --> 00:00:08,700
Pola contra, é mellor levar o seu
CSS, poñelas en algún lugar central e

4
00:00:08,700 --> 00:00:11,430
dalgunha forma, aplicala lo á
etiquetas na súa páxina web.

5
00:00:11,430 --> 00:00:15,290
Para conseguir isto, podemos realmente deixar
usar o atributo de estilo e, en vez

6
00:00:15,290 --> 00:00:19,290
use unha marca de estilo, que pertence ao
cabeza dunha páxina web xunto, para

7
00:00:19,290 --> 00:00:20,700
exemplo, o seu título.

8
00:00:20,700 --> 00:00:24,400
>> Imos tentar dar un regalo e re-aplicar
unha páxina para John Harvard

9
00:00:24,400 --> 00:00:26,410
usar a etiqueta Style.

10
00:00:26,410 --> 00:00:28,930
Eu xa chegou nos iniciados
aquí con tres divs para

11
00:00:28,930 --> 00:00:30,260
Páxina de inicio de John Harvard.

12
00:00:30,260 --> 00:00:33,990
Pero primeiro imos agora vaia este primeiro
div e engadir un novo atributo,

13
00:00:33,990 --> 00:00:38,680
nomeadamente ID, e especificar que unha única
identificador para este div especial

14
00:00:38,680 --> 00:00:42,390
debe ser, por exemplo, entre comiñas
"Top", un nome arbitrario, senón

15
00:00:42,390 --> 00:00:45,840
descritiva na medida en que este é div
de feito na parte superior da miña páxina.

16
00:00:45,840 --> 00:00:48,920
>> Á seguinte div, imos darlle un
ID diferente de entre comiñas

17
00:00:48,920 --> 00:00:54,080
"Media", e imos dar a terceira div
un ID de entre comiñas "de abaixo". Nós

18
00:00:54,080 --> 00:00:57,740
Agora temos tres identificador único
ao cal podemos aplicar algunhas CSS

19
00:00:57,740 --> 00:01:01,210
propiedades, pero en primeiro lugar, do retorno deixar
na cabeza da páxina.

20
00:01:01,210 --> 00:01:04,760
Logo enriba do título aquí, eu vou
vai adiante e definir o estilo

21
00:01:04,760 --> 00:01:07,120
e pecha o estilo.

22
00:01:07,120 --> 00:01:10,340
>> Dentro deste momento, eu estou indo a definir
algunhas propiedades CSS, é dicir, a

23
00:01:10,340 --> 00:01:14,550
mesmos que eu xa tiña en Estilo
atributos, pero aquí van ser

24
00:01:14,550 --> 00:01:16,320
definido de forma centralizada.

25
00:01:16,320 --> 00:01:20,880
Para iso, eu vou especificar a libra
símbolo seguido de arriba, así

26
00:01:20,880 --> 00:01:24,710
especificando que o seguinte CSS
propiedades deben ser aplicadas a calquera

27
00:01:24,710 --> 00:01:28,800
Elemento HTML ten o único
identificador de arriba.

28
00:01:28,800 --> 00:01:32,240
Estou pasando entón a ter algún aberto e
claves pechadas, e eu vou

29
00:01:32,240 --> 00:01:39,170
especificar, por exemplo, o tamaño da fonte debe ser 36
píxeles, o peso da fonte debe ser ousado.

30
00:01:39,170 --> 00:01:41,810
>> Para manter as cousas limpas, eu estou poñendo cada
destas propiedades agora na súa propia

31
00:01:41,810 --> 00:01:44,610
liña, pero iso é só un
convenio estilística.

32
00:01:44,610 --> 00:01:47,830
Debaixo diso, imos agora configurar outra
selector, por así dicir.

33
00:01:47,830 --> 00:01:52,680
Este para a etiqueta HTML que ten
identificador único de medio.

34
00:01:52,680 --> 00:01:57,540
E, aquí, imos especificar un tamaño de fonte
de 24 píxeles, que a continuación doutra

35
00:01:57,540 --> 00:02:01,520
selector para abaixo, e dentro
de que, imos especificar un

36
00:02:01,520 --> 00:02:03,850
tamaño do tipo de letra de 12 píxeles.

37
00:02:03,850 --> 00:02:09,350
>> Imos agora gardar, cambiar os permisos
, E cargar a páxina nun navegador,

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

39
00:02:14,230 --> 00:02:22,260
Imos abrir Chrome e visitar
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
Non é malo.

41
00:02:22,960 --> 00:02:26,930
Exactamente como eu pretendía, pero gustaríame
levar as cousas un paso adiante agora e

42
00:02:26,930 --> 00:02:29,050
O texto de centro John Harvard.

43
00:02:29,050 --> 00:02:32,080
Agora, para facelo, eu podería implicar o
páxina enteira nun div como eu

44
00:02:32,080 --> 00:02:33,800
fixen un exemplo anterior.

45
00:02:33,800 --> 00:02:37,820
Ou podo ser máis intelixente e entender que
todos estes están no interior de divs

46
00:02:37,820 --> 00:02:42,420
o corpo da miña páxina, entón por que non se aplica só
unha ou máis propiedades CSS para o corpo

47
00:02:42,420 --> 00:02:43,850
marcar a si mesmo?

48
00:02:43,850 --> 00:02:45,460
>> Para iso, imos facelo.

49
00:02:45,460 --> 00:02:47,650
Imos volver para gedit aquí.

50
00:02:47,650 --> 00:02:52,460
Imos rolar para atrás ata a etiqueta estilo,
e imos especifica un selector

51
00:02:52,460 --> 00:02:54,520
usando esa etiqueta nome, Corpo.

52
00:02:54,520 --> 00:03:00,580
Debaixo diso, imos poñer as nosas claves
seguido polo centro text-align.

53
00:03:00,580 --> 00:03:05,580
Imos agora gardar a páxina e volver cargar
lo dentro dese navegador.

54
00:03:05,580 --> 00:03:08,090
Actualizar en Chrome, e listo.

55
00:03:08,090 --> 00:03:11,000
Agora temos páxina de John Harvard
centrado como pretendiamos.

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