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