Powtórzenie wiadomości CSS

1. Z czego składa się deklaracja w kaskadowych arkuszach stylów?

Selektory określają, do jakich elementów odnosi się dana reguła. Ta sama reguła może odnosić się do większej liczby elementów, przy czym ich nazwy należy oddzielić od siebie przecinkami.

Deklaracja wskazuje, w jaki sposób należy wyświetlać element określony w selektorze. Każda deklaracja składa się z dwóch części: właściwości (wskazują konkretny aspekt wyglądu, np. czcionka, kolor, szerokość, obramowanie itp.) i wartości (wskazują konkretne ustawienie, które chcemy nadać wybranej właściwości, odpowiednio do niej dobrane), oddzielonych od siebie znakiem dwukropka.


2. Rodzaje selektorów w CSS.

selektor znaczenie przykład
selektor uniwersalny odnosi się do wszystkich elementów strony * {}
selektor typu odnosi się do elementów o konkretnej nazwie h1, h2, h3 {}
selektor klasy odnosi się do elementów, których wartość atrybutu class odpowiada wartości podanej za znakiem kropki .note {}
Odnosi się do wszystkich elementów, których atrybut class ma wartość note.
p.note {}
Odnosi się jedynie do elementów <p>, których atrybut class ma wartość note
selektor identyfikatora odnosi się do elementów, których atrybut id ma wartość podaną za znakiem # #wprowadzenie {}
selektor elementu dziecka odnosi się do elementów, które są dziećmi innego, określonego elementu li > a {}
Odnosi się do elementów <a> umieszczonych bezpośrednio w elementach <li> (lecz nie do innych elementów <a> na stronie)
selektor elementu potomnego Odnosi się do elementów będących elementami potomnymi innego, określonego elementu p a {}
Odnosi się do elementu <a> umieszczonego wewnątrz elementu <p>, nawet jeśli znajduje się on wewnątrz jakichś innych elementów
selektor elementów sąsiadujących bezpośrednio odnosi się do elementu bezpośrednio sąsiadującego z innym, określonym elementem h1 + p {}
Odnosi się do pierwszego elementu <p> umieszczonego za elementem <h1>, ale nie do kolejnych elementów <p>
ogólny selektor elementów sąsiadujących odnosi się do elementu sąsiadującego z innym elementem, choć niekoniecznie bezpośrednio h1 ~ p {}
Jeśli na stronie są dwa elementy <p> sąsiadujące z elementem <h1>, to ta reguła odnosi się do obu z nich

3. W jaki sposób można określić kolor elementu w kaskadowych arkuszach stylów?

  • podanie nazwy koloru: DarkCyan, DarkViolet, Magenta, Plum, YellowGreen
  • podanie kodu szesnastkowego: #008b8b, #9400D3, #FF00FF, #DDA0DD, #9ACD32
  • podanie wartości rgb: rgb(0, 139, 139), rgb(148, 0, 211), rgb(255, 0, 255), rgb(221, 160, 221), rgb(154, 205, 50)
  • wartości HSL: hsl(0, 100%, 27%), hsl(282, 100%, 41%), hsl(300, 100%, 50%), hsl(300, 47%, 75%), hsl(80, 61%, 50%)

4. Dziedziczenie i kaskadowość - wyjaśnij pojęcia.

Dziedziczenie i kaskadowość na webmaster.helion.pl »


5. Do czego służą pseudoelementy w CSS?


6. W jaki sposób CSS traktuje każdy element HTML?

Każdy element HTML jest traktowany przez CSS tak, jakby był umieszczony w niewidzialnym pudełku.


7. Efekty wizualne w CSS

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

This site uses Akismet to reduce spam. Learn how your comment data is processed.