Znaczenie nawiasów w CSS

Zawartość

Klucze
Nawiasy
Wsporniki
Szewrony
Notatki CSS
Referencje
Loty

Akronim CSS pochodzi z angielskich „arkuszy stylów kaskadowych” lub „arkuszy stylów kaskadowych”. CSS zapewnia twórcom stron internetowych i projektantom większą kontrolę artystyczną i projektową dzięki oddzieleniu treści od parametrów wyświetlania. Instrukcje CSS są umieszczane w nagłówku dokumentu internetowego, a następnie wyświetlane w treści strony za pomocą nawiasów klamrowych - {}. W nawiasach klamrowych znajdują się nawiasy - () - lub nawiasy - [] - które oznaczają inne elementy CSS.

Nawiasy CSS są używane wewnątrz treści dokumentu internetowego (Comstock / Comstock / Getty Images)

Klucze

Klucze są głównymi elementami składni CSS. Oznacza otwarcie i zamknięcie wszystkich zawartych w nich parametrów CSS. Reprezentowane jako {}, podążają za elementami CSS, które oznaczają obraz, pozycję, element wyświetlania lub dowolną kombinację elementów. Klucze mogą istnieć w dowolnym elemencie / warstwie div i zawsze znajdują się wewnątrz znaczników „</ body>”. Oto przykład:

div # example {padding: 5px; margines: 20px; szerokość: 350px; }

Nawiasy

Elementy relacyjne, takie jak procenty i kolory, są ujęte w nawiasy. Nawiasy dają dodatkową definicję elementów CSS. W wersjach CSS wcześniejszych niż CSS3 nawiasy mogą definiować elementy w taki sam sposób jak klucze. Dwa przykłady to odpowiednio kolor (zdefiniowany przez kod szesnastkowy) i obrazy tła:

kolor: rgb (128, 128, 255); image: url ("/ images / bg.png")

Wsporniki

Nawiasy - [] -, znane jako selektory atrybutów, są używane do wyznaczania wartości atrybutów elementu. Były cztery różne wartości w CSS2 i zostały dodane, ale trzy z CSS3. Cztery oryginalne selektory definiują obecność atrybutu - [title], odpowiadającego dowolnemu elementowi, który ma określony atrybut „title”; prosta wartość atrybutu - input [type = "send"], odpowiadająca dowolnemu elementowi wejściowemu, którego typ atrybutu jest równy "send"; wartość atrybutu list - p [klasa ~ = „literacki”], odpowiadająca akapitom, których atrybutem klasy jest lista słów oddzielonych spacjami, z których jeden jest „literacki”; i częściowa wartość atrybutu - [href ^ = "http:"], odpowiadająca elementom łącza, których wartość atrybutu rozpoczyna się od „http:”. Nawiasy nie były używane przed wprowadzeniem Internet Explorera 7, ponieważ IE6 ich nie rozpoznał.

Wiele symboli algebraicznych jest używanych jako elementy CSS (BananaStock / BananaStock / Getty Images)

Szewrony

Selektory i sekcje podstawowych dokumentów języka HTML i rozszerzalnego języka znaczników (XML) są rozdzielone spiczastymi nawiasami, zwanymi szewronami . Reprezentują także element potomny niektórych elementów CSS. W CSS „selektor potomny” składa się z dwóch lub więcej elementów oddzielonych znakiem „>”. Oznaczają one określone sekcje strony internetowej: ciało, które jest widoczne na stronie; warstwy, które można układać jeden na drugim jak arkusze papieru; lub miareczkowanie, oznaczające pewne obiekty lub daty zwane „mikroformatami”.

Notatki CSS

Oddzielone od nawiasów CSS, ale wciąż cenne narzędzie organizacyjne do rozbudowanych układów CSS, są notatkami arkuszy stylów. Są to komentarze, które nie dodają niczego do kodu HTML, a zatem nie zwiększają czasu ładowania stron; dostarczają zarysu długiego i skomplikowanego CSS. Notatki w CSS są umieszczane w ich własnym atrybucie - / * - tak:

/ Każdy komentarz jest zawarty w segmentach ograniczonych ukośnikiem i gwiazdką. /

Mogą być niezwykle cenne, aby pomóc Ci poruszać się po sekcjach kaskadowych arkuszy stylów.