1
00:00:00,200 --> 00:00:02,540
Pekâlâ, burada başka bir alıştırmanın vakti geldi.

2
00:00:02,820 --> 00:00:08,430
Dolayısıyla bu alıştırma, konuştuğumuz her şeyi SS seçiciler kadar kapsayacak.

3
00:00:08,520 --> 00:00:14,700
Dolayısıyla, gelecekte gelecek herhangi bir tam uyumlu Web sitesini yapmayacağız.

4
00:00:14,700 --> 00:00:17,930
Bir sonraki alıştırmada küçük bir blog yapacağız.

5
00:00:17,970 --> 00:00:23,460
Bu, bir sürü problemi olan çok kısa problemlerle geleneksel bir egzersindir.

6
00:00:23,460 --> 00:00:28,150
Temelde sana bir grup HMO veriyorum, buna benziyor.

7
00:00:28,200 --> 00:00:29,900
Gerçekten hiçbir şey ifade etmiyor.

8
00:00:29,910 --> 00:00:33,640
Aslında buradaki tüm metin, hipster ipsum adlı bir Web sitesinden geliyor.

9
00:00:33,650 --> 00:00:41,280
Bu, aynı zamanda masaüstü ve locavore ve Portland ve Williamsburg çiftlik gibi hipster kelime

10
00:00:41,280 --> 00:00:44,170
kullanan bir yurt ipsum gibi.

11
00:00:44,340 --> 00:00:45,940
Bu sadece bir sürü kelime.

12
00:00:46,260 --> 00:00:51,500
Demek istediğim, burada ne var önemli değil Bu dosya ne olsa bu dosya.

13
00:00:51,570 --> 00:00:54,700
Size verdiğim CSSA dosyası ve boş.

14
00:00:54,810 --> 00:01:00,250
Bir sürü yorumun yanı sıra, bu yorumlar size ne yapmanız gerektiğine ilişkin talimatlar verir.

15
00:01:00,360 --> 00:01:06,030
Dolayısıyla yukarıdaki en önemli çizgi stilidir. Yaş HTML öğeleri aşağıdaki talimatlara göre

16
00:01:06,240 --> 00:01:09,250
mevcut HVM'yi doğru yapmak için değiştirmez.

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

18
00:01:11,130 --> 00:01:14,120
Dolayısıyla bu dosya bu dosyaya dokunmaz.

19
00:01:14,190 --> 00:01:16,430
Burası sizin için başlangıç ​​kodu gibi.

20
00:01:16,440 --> 00:01:17,690
Bu HVM.

21
00:01:17,970 --> 00:01:24,450
C SS'de her şeyi yapacaksın. Buraya gidip yeni fikirler katamazsın, yeni sınıflar ekleyebilir veya yeni

22
00:01:24,750 --> 00:01:25,710
elemanlar ekleyemezsin.

23
00:01:25,710 --> 00:01:28,350
Tam olarak nasıl olduğunu saklayın.

24
00:01:28,580 --> 00:01:32,120
Yani orada çalıştığı yol farklı sorunlar.

25
00:01:32,190 --> 00:01:37,310
İlki, gövde elemanına bu rengin arka planını verir.

26
00:01:37,440 --> 00:01:45,210
Sadece kodu gövdesine yazıp sonra böyle bir renk verelim.

27
00:01:45,210 --> 00:01:48,690
O halde sana ücretsiz olarak vereceğim.

28
00:01:49,050 --> 00:01:51,200
Eminim çoğunuz bunu yapabilirdi.

29
00:01:51,300 --> 00:01:57,720
Aynı şey hepsi için de geçerlidir, bu nedenle bütün hanımları, bir şey yapmak için tüm müttefik öğeleri bir

30
00:01:57,720 --> 00:01:58,350
not yapsın.

31
00:01:58,350 --> 00:02:04,020
Bunlardan bazıları, biz aslında henüz kapsamadığımız ve kasıtlı bir mülk kullanmanızı isteyecektir.

32
00:02:04,590 --> 00:02:08,760
açıkça bahsetmediğimiz bazı mülkler için biraz deneyim kazanmanı istiyorum.

33
00:02:08,760 --> 00:02:09,750
Yalnızca videolarda

34
00:02:10,080 --> 00:02:11,960
Bu durumda bu bir tane.

35
00:02:12,030 --> 00:02:18,600
Div'lerin içine yerleştirilmiş tüm paragrafları 25 pikselden eğlenceli hale getirin ve sonra parantez içinde

36
00:02:18,600 --> 00:02:22,700
size gereken yazı tipini 25 x olan kodunu veriyorum.

37
00:02:23,070 --> 00:02:24,490
Yani bir kaç tane daha var.

38
00:02:24,720 --> 00:02:32,160
İşte bir tane ve burada kontrol edilmiş tüm onay kutularının sol kenar boşluğu 50 piksel olacak şekilde bir tane daha var,

39
00:02:32,160 --> 00:02:37,650
bu nedenle 50 piksel sol kenar boşluğunu kullanmanız gerekiyor ve önümüzdeki birkaç videoda tam olarak

40
00:02:37,650 --> 00:02:39,330
ne yaptığını bilmediğinizden emin değiliz.

41
00:02:39,450 --> 00:02:40,900
Burada başka bir not daha var.

42
00:02:41,040 --> 00:02:44,080
Bunlar gittikçe biraz zorlaşıyor.

43
00:02:44,190 --> 00:02:52,020
Sonuç olarak, yalnızca bir öğe seçici ile başlarlar ve ardından sınıflar ve fikirler hakkında konuşuruz ve ardından

44
00:02:52,020 --> 00:02:56,270
son videoda bahsettiğimiz diğer seçicilerden bazıları hakkında konuşmaya başlarız.

45
00:02:56,430 --> 00:03:03,960
Bu nedenle, div'lerin içine iç içe geçmiş tüm paragrafların yalnızca metin girdileri ile girdiler olmasını sağlayın.

46
00:03:03,960 --> 00:03:11,910
Arka planda harika bir geçmişe sahip olun ve sonra üçüncü div 5 piksel beyaz kenarlık içine ikinci paragrafı vermek

47
00:03:11,910 --> 00:03:13,160
gibi şeyler yapın.

48
00:03:13,710 --> 00:03:20,040
haber şu ki burada kullanmanız gereken seçicilerin hepsi 30'lu CSSA seçicilerinde bulunabiliyor.

49
00:03:20,090 --> 00:03:20,640
İyi

50
00:03:20,640 --> 00:03:25,890
Makaleyi ezberlemelisiniz, on line kolayca bulabiliyor ve çoğunu kapattık.

51
00:03:26,130 --> 00:03:31,620
Ancak, son videoda yer almadığımız birkaç konu var ve bunlar bonus

52
00:03:31,620 --> 00:03:32,410
zorluklar bölümündedir.

53
00:03:32,580 --> 00:03:39,870
Dolayısıyla, kontrol edilmiş tüm onay kutularının sol kenar boşluğuna sahip olması gibi şeyleri içerir, böylece işaretli

54
00:03:39,990 --> 00:03:42,780
onay kutularını seçmenin bir yolu vardır.

55
00:03:42,780 --> 00:03:44,050
Veya başka bir tane var.

56
00:03:44,110 --> 00:03:49,750
Özel yeşil ve 100 piksel yazı tipi boyutuyla öğenin ilk harfini yapın.

57
00:03:49,950 --> 00:03:54,100
Dolayısıyla sadece ilk harfi seçmenin bir yolu var.

58
00:03:54,570 --> 00:04:00,150
Üzerine geldiğinde H-1 öğelerinin rengini mavi yapın ve gri olarak ziyaret edilen bir

59
00:04:00,150 --> 00:04:01,340
etiket öğesi oluşturun.

60
00:04:01,350 --> 00:04:05,070
Dolayısıyla bir etiketin bir bağlantı olduğunu ve muhtemelen bunu daha önce gördüğünüz olduğunu unutmayın.

61
00:04:05,190 --> 00:04:09,420
Değiştirebilir veya siteler, daha önce ziyaret etmediğiniz bir bağlantıya kıyasla, bulunduğunuz

62
00:04:09,420 --> 00:04:10,730
bir bağlantı rengini değiştirecektir.

63
00:04:11,100 --> 00:04:14,120
Bu yüzden, değerlendirmeyi göreceğiniz bir yazı var.

64
00:04:14,310 --> 00:04:17,450
Her zaman olduğu gibi bir sonraki videoda bir çözüm üzerinde duracağız.

65
00:04:17,460 --> 00:04:23,880
Her sefer biraz gidebilir miyiz, ancak bu bonusların tümünü deneyebildiğiniz kadarıyla bir atış yapmanızı öneririm.

66
00:04:24,660 --> 00:04:28,430
Burada bahsetmediğim bir şey biraz farklı.

67
00:04:28,500 --> 00:04:34,970
Etiket elemanlarının hepsini büyük harf html'sini değiştirmeden yapın, böylece seçici aslında

68
00:04:35,340 --> 00:04:41,430
basittir, sadece tüm etiket öğelerini seçiyoruz, ancak mülk biraz zorlayıcıdır.

69
00:04:41,430 --> 00:04:47,250
HTML'de metni gerçekten değiştirmeden hepsini büyük harf yapmak için C Ss'i kullanmanın bir yolu

70
00:04:47,450 --> 00:04:47,870
vardır.

71
00:04:47,880 --> 00:04:51,720
Sanki rengi veya kenarlığı değiştireceğiniz gibi Cs ile yapabilirsiniz.

72
00:04:51,720 --> 00:04:55,320
Büyük harfli veya küçük harfli bir özelliği değiştirebilirsiniz.

73
00:04:55,560 --> 00:04:56,690
Pekâlâ, bir sonraki video'da görüyorsun