1
00:00:00,200 --> 00:00:02,540
Va bene quindi è tempo di un altro esercizio qui.

2
00:00:02,820 --> 00:00:08,430
Quindi questo esercizio coprirà tutto ciò di cui abbiamo parlato fino ai selezionatori delle SS.

3
00:00:08,520 --> 00:00:14,700
Quindi non realizzeremo alcun tipo di sito Web completo e coeso che verrà dopo.

4
00:00:14,700 --> 00:00:17,930
Faremo un piccolo blog nel prossimo esercizio.

5
00:00:17,970 --> 00:00:23,460
Questo è più di un esercizio tradizionale con un sacco di problemi problemi molto brevi.

6
00:00:23,460 --> 00:00:28,150
Fondamentalmente ti sto dando un sacco di HMO sembra così.

7
00:00:28,200 --> 00:00:29,900
Non significa veramente niente.

8
00:00:29,910 --> 00:00:33,640
In realtà tutto il testo qui è da un sito Web chiamato hipster ipsum.

9
00:00:33,650 --> 00:00:41,280
È come un dormitorio, tranne che usa parole hipster come farm to table e

10
00:00:41,280 --> 00:00:44,170
locavore e Portland e Williamsburg.

11
00:00:44,340 --> 00:00:45,940
Quindi è solo un mucchio di parole.

12
00:00:46,260 --> 00:00:51,500
Quindi il punto è che non importa cosa sia qui ciò che importa è però questo file.

13
00:00:51,570 --> 00:00:54,700
Il file CSSA che ti ho anche dato ed è vuoto.

14
00:00:54,810 --> 00:01:00,250
Oltre a una serie di commenti e questi commenti ti danno le istruzioni per ciò che devi fare.

15
00:01:00,360 --> 00:01:06,030
Quindi in alto è lo stile di linea più importante che gli elementi HTML di età in base

16
00:01:06,240 --> 00:01:09,250
alle seguenti istruzioni non alterano l'HVM esistente per farlo correttamente.

17
00:01:09,270 --> 00:01:11,020
Solo CSI.

18
00:01:11,130 --> 00:01:14,120
Ciò significa che non toccare questo file.

19
00:01:14,190 --> 00:01:16,430
Questo è qui solo come codice di partenza per te.

20
00:01:16,440 --> 00:01:17,690
Questa è l'HVM.

21
00:01:17,970 --> 00:01:24,450
Stai andando a fare tutto in C SS Quindi non puoi entrare qui e aggiungere nuove idee o aggiungere nuove classi o

22
00:01:24,750 --> 00:01:25,710
aggiungere nuovi elementi.

23
00:01:25,710 --> 00:01:28,350
Basta tenerlo esattamente come è.

24
00:01:28,580 --> 00:01:32,120
Quindi il modo in cui funziona ci sono diversi problemi.

25
00:01:32,190 --> 00:01:37,310
Quindi il primo dà all'elemento del corpo uno sfondo di questo colore.

26
00:01:37,440 --> 00:01:45,210
Dovremmo solo scrivere il codice per selezionare il corpo e poi dargli un colore come questo.

27
00:01:45,210 --> 00:01:48,690
Quindi te lo darò gratis.

28
00:01:49,050 --> 00:01:51,200
Sono sicuro che la maggior parte di voi avrebbe potuto farlo.

29
00:01:51,300 --> 00:01:57,720
Lo stesso vale per tutti questi, quindi fai in modo che tutti gli altri facciano tutte le età per fare qualcosa che rende tutti gli elementi

30
00:01:57,720 --> 00:01:58,350
alleati una nota.

31
00:01:58,350 --> 00:02:04,020
Alcuni di questi ti chiederanno di usare una proprietà che non abbiamo ancora coperto e che è deliberata.

32
00:02:04,590 --> 00:02:08,760
abbia qualche esperienza per alcune proprietà di cui non abbiamo ancora parlato esplicitamente nei video.

33
00:02:08,760 --> 00:02:09,750
Voglio solo che tu

34
00:02:10,080 --> 00:02:11,960
Quindi in questo caso eccone uno.

35
00:02:12,030 --> 00:02:18,600
Crea tutti i paragrafi nidificati all'interno di div da 25 pixel divertenti e quindi tra parentesi ti do

36
00:02:18,600 --> 00:02:22,700
il codice che ti serve in modo font size 25 x.

37
00:02:23,070 --> 00:02:24,490
Quindi ce ne sono alcuni di più.

38
00:02:24,720 --> 00:02:32,160
Eccone uno e qui c'è un altro in cui tutte le caselle di controllo selezionate hanno un margine sinistro di 50 pixel,

39
00:02:32,160 --> 00:02:37,650
quindi è necessario utilizzare 50 pixel a margine sinistro e va bene che non si sa esattamente

40
00:02:37,650 --> 00:02:39,330
cosa fa nei prossimi video.

41
00:02:39,450 --> 00:02:40,900
Quindi un'altra nota qui.

42
00:02:41,040 --> 00:02:44,080
Questi diventano un po 'più difficili mentre vanno avanti.

43
00:02:44,190 --> 00:02:52,020
Così all'inizio iniziano con un semplice selettore di elementi e poi parliamo di lezioni e idee e poi iniziamo a

44
00:02:52,020 --> 00:02:56,270
parlare di alcuni degli altri selettori che abbiamo menzionato nell'ultimo video.

45
00:02:56,430 --> 00:03:03,960
Quindi fai in modo che tutti i paragrafi nidificati all'interno di div effettuino solo input con testo di tipo.

46
00:03:03,960 --> 00:03:11,910
Avere un ottimo background e poi cose come dare il secondo paragrafo all'interno del terzo div 5

47
00:03:11,910 --> 00:03:13,160
pixel bordo bianco.

48
00:03:13,710 --> 00:03:20,040
buona notizia è che tutti i selettori che devi usare qui possono essere trovati nei selettori CSSA degli anni '30.

49
00:03:20,090 --> 00:03:20,640
Quindi la

50
00:03:20,640 --> 00:03:25,890
Devi memorizzare l'articolo e puoi trovarli facilmente online e ne abbiamo coperto la maggior parte.

51
00:03:26,130 --> 00:03:31,620
Ce ne sono alcuni che non sono stati inclusi nell'ultimo video e quelli che si trovano nella sezione

52
00:03:31,620 --> 00:03:32,410
delle sfide bonus.

53
00:03:32,580 --> 00:03:39,870
Questo include cose come la creazione di tutte le caselle di controllo con un margine sinistro, quindi c'è un

54
00:03:39,990 --> 00:03:42,780
modo per selezionare le caselle di controllo.

55
00:03:42,780 --> 00:03:44,050
O ecco un altro.

56
00:03:44,110 --> 00:03:49,750
Crea la prima lettera dell'elemento con una speciale dimensione di carattere verde e di 100 pixel.

57
00:03:49,950 --> 00:03:54,100
Quindi c'è un modo per selezionare solo la prima lettera.

58
00:03:54,570 --> 00:04:00,150
Rendi gli elementi H-1 cambia colore in blu quando tieni il mouse sopra e crea un elemento di tag che è

59
00:04:00,150 --> 00:04:01,340
stato visitato in grigio.

60
00:04:01,350 --> 00:04:05,070
Quindi ricorda che un tag è un link e probabilmente lo hai già visto prima.

61
00:04:05,190 --> 00:04:09,420
Puoi cambiare o i siti cambieranno il colore di un link che hai visto rispetto a un link

62
00:04:09,420 --> 00:04:10,730
che non hai mai visto prima.

63
00:04:11,100 --> 00:04:14,120
Quindi c'è un modo di scrivere che vedrebbe valutare.

64
00:04:14,310 --> 00:04:17,450
Quindi, come sempre nel prossimo video, esamineremo una soluzione.

65
00:04:17,460 --> 00:04:23,880
Può andare un po 'alla volta, ma ti consiglio di dare uno sparo fin dove puoi provare tutti questi bonus.

66
00:04:24,660 --> 00:04:28,430
Una cosa che non ho menzionato qui questa è leggermente diversa.

67
00:04:28,500 --> 00:04:34,970
Rendi gli elementi dell'etichetta tutti maiuscoli senza cambiare l'h tm l quindi il selettore qui è in

68
00:04:35,340 --> 00:04:41,430
realtà semplice, stiamo solo selezionando tutti gli elementi dell'etichetta, ma la proprietà è un po 'impegnativa.

69
00:04:41,430 --> 00:04:47,250
C'è un modo di usare C S per fare qualcosa di tutto in maiuscolo senza effettivamente cambiare il testo nel codice

70
00:04:47,450 --> 00:04:47,870
HTML.

71
00:04:47,880 --> 00:04:51,720
Puoi farlo attraverso C S proprio come cambieresti il ​​colore o il bordo.

72
00:04:51,720 --> 00:04:55,320
È possibile modificare una proprietà che la renderà maiuscola o minuscola.

73
00:04:55,560 --> 00:04:56,690
Va bene, vedi nel prossimo video