Büyük teorem fermat

X. ^n. + Y. ^n.
\u003d Z. ^n.

n bir tamsayıdır\u003e 2

SUP + SUP tarzını (renk: kırmızı;) kullanarak hangi metni kırmızı olarak vurgulanır?

1. İkinci "n"
2. İkinci ve üçüncü "n".

Merhaba, sevgili okuyucular! Konu CSS seçicilerine devam et ve bugün ne olduğunu açıklamaya çalışacağım komşu CSS seçicileri, yanı sıra ne rol oynuyor evrensel seçici. Her türlü CSS fonunu kullanma mekanizmasının bilgisi, kaynağının başarılı bir şekilde tanıtımının bileşenlerinden biri olan elementlerin stillerini tanımlayan belgenin optimal ve kompakt içeriğini elde edecektir, böylece hiçbir vaka ihmali Seçici kavramı ve her türlü türü hakkında faydalı bilgiler edinme olasılığı.

Yayınları hatırlar ve dikkatlice takip ederseniz, birçok seçici türü zaten düşünülmüştür; ; . Bir kez daha, gelecekte size çok tercih vereceği için CSS'nin temellerinin incelemesini ihmal etmemeye çağırıyorum.

Evrensel seçici

Şimdi doğrudan bugünün yayımının özüne gidin. Evrensel seçiciye gelince, oldukça basittir, bu yüzden uzun süre üzerinde durmayacağım. Universal seçiciyi kullanan CSS kurallarının sözdizimi, aşağıdakiler:

İşte "*" operatörü ve evrensel bir seçici olduğumuz anlamına gelir. Web sayfasındaki tüm öğeler için tek bir stil ayarlamak gerektiğinde kullanılır. Bazen evrensel seçici mutlaka olmadığını belirtir. Örneğin, kayıt. * Bu durumlarda sınıf I.Class tamamen aynıdır. Şimdi mutlaka bir örnek. Tipik olarak, en yaygın olanı, tek bir yazı tipinin, boyut ve rengin tanımının yanı sıra, blog sayfasındaki veya sitedeki normal metnin yerinidir.

* (Yazı Tipi-Ailesi: Tahoma, Arial, Helvetica, Sans-serif; / * Metin için yazı tipi * / Renk: # 646464; / * Metin rengi * / Yazı tipi boyutu: 75%; / * Metin boyutu * / Metin hizası : Sol; / * Metin Konumu * /)

Böylece, sayfada bulunan tüm öğeler için metnin tasarımını tanımlayabilirsiniz. Ben, belirli bir durum için, evrensel bir seçici yerine, tüm öğelerin etiketlerini içeren vücut etiketinin adını kullanırsanız sonuç benzer olacaktır.

Komşu CSS seçicileri

Peki, şimdi komşu seçiciler için biraz daha fazla zaman ödeyecek. Doküman kodunda doğrudan yan yana, web sayfasının elemanlarını komşu. Aynı zamanda, CSS stilleri sözdizimi bu türde:

Şimdi, B, I ve Büyük Etiketlerin, sırasıyla, metin biçimlendirmesini, yazı tipini artırarak, metin biçimlendirmesini ve izolasyonun serbest bırakılmasını tanımlayan çocuk elemanları olarak dahil edileceği P Tag tarafından tanımlanan metin paragrafını alacağız:

Bu paragraf kullanıyor tag B., tag I., büyük etiket.

Ve tüm popüler tarayıcıların (,) en son sürümlerine gömülü olan CSS ve HTML düzenleme aracını kullanarak ve Firefox () tarayıcısı () için ünlü eklentinin analogu olan, bu paragrafı kesinlikle herhangi bir yere yerleştirin. Herhangi bir web sayfası (ilk paragraf tarafından önceki makalenin hemen sayfasında yaptım). Bu, örneğin, yalnızca F12 tuşuna basarak denir. Pratik olarak "HTML'nin temelleri" ve "CSS ders kitabının" malzeme başlıklarını düzeltmek için kullanılabilir. Öyleyse, birinci paragraf formuna bir parça metin yerleştiriyorum:

Bu paragraf deneysel olacak ve örneğini kullanmayı düşünecek. komşu seçiciler. Zaten söylediğim gibi, B, I ve Big Etiketler, PARAGRAPH etiketi için bağlı ortaklıklardır, çünkü hepsi doğrudan P konteynerinin içinde oldukları için. Burada, komşular B ve ben de, ben ve büyük. Şimdi komşu seçiciler için CSS kuralını uygulayın:

B + I (Renk: Kırmızı;) I + Büyük (Renk: Yeşil;)

Bu stiller uygulandıktan sonra paragraf şöyle görünecektir:

Bu, b, ben ve büyük öğeleri içeren tüm web sayfaları etiketleri için geçerlidir. Dahası, B ve ben, ben ve büyük yakında, diğer kombinasyonlar için, bu CSS çalışmayacak. Bence şimdi bir CSS belgesini yazarken veya düzenlerken komşu seçicilerin nasıl uygulandığını açıkça belirtin. Başka bir çok önemli not: farkedilmek için zamanınız varsa, bitişik öğeler durumunda, belirtilen stil sadece ikinci eleman için geçerlidir.

Çok görsel olarak kabul edilen ve CSS'deki komşu seçicilerin özünü hızlı bir şekilde anlamanızı sağlayan bir paragrafa sahip bir örnek. Bununla birlikte, pratikte, diğer seçici uygulama alanları yaygın olarak kullanılır. Diyelim ki, makalenin vücudunda çok sık, özellikle dekore edilmiş, böylece, dipnotlar, notlar vb.

Bu amaçlar için, ayrı bir sınıf genellikle gerekli paragrafa oluşturur ve uygular. Ancak çok daha optimum bir yol komşu seçicilerin kullanımıdır. Örneğin, blogumda, geleneksel bir başlığın h3'ünün tescili için oluşturulan stiller var.

H3 (Yazı Tipi Boyutu: 1.7EM; / * Yazı Tipi Boyutu * / Metin Hizası: Merkezi; / * Metin Yerleştirme * / Font-Ağırlık: Normal; / * Normal Metin Tasarımı * / Yazı Tipi Yüzü: Tahoma, Arial, Helvetica, Sans-serif; / * yazı tipi stili * / renk: # 646464; / * metin rengi * /)

Başlık notlarını veya dipnotları vurgulamak için, özel bir sınıf belirleyin, söyleyin,

H3.put (renk: kırmızı; / * Metin rengi * / kenar boşluğu solu: 5px; / * solda * geri çekilmesi * / marj-üst: 0.5EM; / * yukarıdan girinti * / dolgu: 10px; / * etrafındaki alanlar Metin * / Metin Hizası: Sol; / * Metnin Konumu * /)

Şimdi bir cümle paragrafının özel bir tarzını oluşturmak için bitişik seçicileri kullanıyoruz, bu paragraf doğrudan "h3.put" stili ile doğrudan başlığın altına yerleştirilecektir:

H3.put + p (arka plan: # ffefd5; / * arka plan rengi * / kenar boşluğu solu: 15px; / * Soldaki / * sağdaki geri çekilme * / * Sağdaki / kenar boşluğu: 0.5 em; / * yukarıdan girinti * / dolgu: 5px; / * Metin etrafındaki alanlar * /)

Yine, Google Chrome Düzenleme aracını kullanarak, sizinle tüm kulaklarınızı (ancak buna değer), dipnotlar için başlığa girin, onu koyun;

Dikkat!

Ardından dipnotun metnini yazın:

Bu yayında sunulan malzemeler, CSS'nin temellerini incelemek açısından çok önemlidir (basamaklı stil tabloları)

Bütün bu televizyonlardan sonra, web sayfasında böyle bir dipnot paragrafını alırız (bu paragrafın, iştiraklerim ve bağlamsal seçicilerimle ilgili makalemin sonuna eklediğim bu paragrafın):

Şimdi bir blogda veya sitede, herhangi bir etiketin herhangi bir etiketine bağlanırken H3, Web sayfasında böyle bir dipnot tahsil edilecektir. Ayrıca, "Class \u003d" "" "ile H3 etiketinden sonra sadece ilk paragrafta özel bir şekilde dekore edilmiştir. Ama bu tam olarak elde ettiğimiz şey, değil mi?

Bu konuda, komşu kullanımı ve evrensel seçicilerin yanı sıra, bir algoritma içeren bugünün kılavuzunu bitirin. Umarım bu makale sizi kaybolur, sevgili okuyucular abone olun

Bitişikten farklı olarak, daha az sıklıkta kullanılır. Ana fark, diğerini takip etmeleridir. Bu konuyu öğrenmenizi kolaylaştırmak için, bu yapıyı sökmeyi öneriyorum:

<тег1> <тег2> <тег3> <тег4> <тег5><тег6>...

Muhtemelen önceki dersten tahmin ettiğiniz gibi, bu 2, 3, 4, 5, 6 etiketlerin bağlamsal seçicilerdir. tag1. Buna karşılık, komşu seçiciler: tag2 ve Tag3, Tag4 ve Tag5, Ama aynı zamanda tag2. ve tag4 bitişik değil. Stil özellikleri, bir sonraki belirttiğiniz son öğeye uygulanacaktır. Seçim seçimini yapmanız yeterlidir. Genel yazmanın sözdizimi:

Selector1 + Selector2 + ... + Velectorn (Emlak1: Değer; Emlak2: Değer; ... Özellik: Değer)

Bu örnekte sizinle düşünelim:

Başlık

Etiket p. Etiketli komşu bir seçicidir h1.

Bitişik eleman seçicisi, belge kodunda bulunan öğeyi doğrudan belirtilen bir öğeden sonra seçer. Örneğin bir parça HTML kodunu alalım.

Paragraf ve içinde şişman öğe ve burada eğimli eleman.

Üç Etiket var:

, ve . Etiketler ve Konteyner içinde yuvalanmış

Onlar ona karşı bir iştiraki. Ancak birbirleriyle ilgili olarak komşu.