WorksheetsPodsumowanie CSS
Total questions: 20
Worksheet time: 10mins
Jaką rolę w tworzeniu strony internetowej odgrywają arkusze stylów CSS?
Określają treść strony.
Służą do formatowania wyglądu elementów strony.
Umożliwiają tworzenie baz danych.
Używane są wyłącznie do pozycjonowania obrazków.
W jaki sposób i gdzie definiowany jest styl lokalny?
W osobnym pliku z rozszerzeniem .css.
W znaczniku <head> dokumentu HTML.
Wewnątrz znacznika HTML poprzez atrybut style.
Nie można zdefiniować stylu lokalnego.
Do czego służy znacznik <span>?
Do definiowania akapitów.
Do grupowania elementów blokowych.
Do zaznaczania fragmentów tekstu w celu nadania im stylu.
Do tworzenia listy wypunktowanej.
Podaj różnice w stosowaniu zewnętrznego i wewnętrznego arkusza stylów CSS.
Zewnętrzny zapisujemy w pliku .css, wewnętrzny w sekcji <style> dokumentu.
Zewnętrzny stosuje się w atrybucie style, wewnętrzny w <head>.
Zewnętrzny służy tylko do tabel, wewnętrzny tylko do tekstu.
Nie ma między nimi żadnej różnicy.
Podaj ogólną postać selektora klasy.
#klasa {…}
.klasa {…}
*klasa {…}
klasa {…}
Kiedy stosujemy selektor identyfikatora?
Gdy chcemy sformatować dowolną grupę elementów.
Gdy chcemy sformatować pojedynczy, unikalny element strony.
Zawsze zamiast klasy.
ylko dla znaczników <table>.
Co oznacza zapis
a:link {color: green; background: yellow;}
w arkuszu stylów?
Definicję wyglądu odnośników po kliknięciu.
Definicję wyglądu odnośników jeszcze nieodwiedzonych.
Definicję wyglądu odnośników po ich odwiedzeniu.
Definicję wyglądu wszystkich elementów tekstowych.
Jaką rolę w modelu blokowym CSS odgrywają border i padding?
Border to odstęp między elementami, padding to obramowanie.
Border to obramowanie elementu,
padding to odstęp między treścią a obramowaniem.
Border ustawia kolor tła, padding ustawia kolor czcionki.
Border służy do pozycjonowania, padding do justowania tekstu.
Na czym polega pozycjonowanie elementów na stronie internetowej?
Na nadawaniu im kolorów i czcionek.
Na określaniu dokładnego miejsca położenia elementu w układzie strony.
Na dzieleniu kodu CSS na sekcje.
Na definiowaniu relacji między plikami HTML a CSS.
Jaką rolę podczas definiowania stylów odgrywa selektor uniwersalny *?
Nie ma żadnej roli, jest pustym symbolem.
Określa styl tylko dla nagłówków.
Określa styl dla wszystkich elementów strony.
Określa styl tylko dla paragrafów.
W języku CSS wcięcie pierwszej linii akapitu na 30 pikseli uzyska się za pomocą zapisu:
p {text-indent: 30px;}
p {text-spacing: 30px;}
p {line-height: 30px;}
p {line-indent: 30px;}
W języku CSS zdefiniowano następujące formatowanie:
h1 i {color: red;}
Kolorem czerwonym zostanie zapisany:
tylko tekst pochylony nagłówka pierwszego stopnia.
tylko tekst pochylony we wszystkich poziomach nagłówków.
cały tekst nagłówka pierwszego stopnia oraz pochylony tekst akapitu.
cały tekst nagłówka pierwszego stopnia oraz cały tekst pochylony, niezależnie od miejsca.
W języku CSS, aby sformatować dowolny element HTML tak,
że po najechaniu kursorem zmienia kolor czcionki, należy zastosować pseudoklasę:
:active
:hover
:visited
:cursor
Który zapis stylu CSS ustawi tło bloku na kolor niebieski?
div {background-color: blue;}
div {border-color: blue;}
div {shadow: blue;}
div {color: blue;}
W przykładzie
a:hover {font-weight: bold;}
styl pogrubiony będzie przypisany:
wszystkim odnośnikom odwiedzonym.
wszystkim odnośnikom nieodwiedzonym.
każdemu odnośnikowi niezależnie od stanu.
odnośnikowi, w momencie najechania na niego kursorem myszy.
W celu określenia wysokości obrazka na stronie WWW należy użyć właściwości:
padding
margin
height
width
W regule CSS
h1 {color: blue;}
element h1 oznacza:
klasę.
wartość.
selektor.
deklarację.
W CSS zapis:
p {background-image: url("rysunek.png");}
sprawi, że rysunek.png będzie:
tłem całej strony.
tłem każdego paragrafu.
wyświetlony obok paragrafu.
wyświetlony tylko po użyciu znacznika <img>.
W języku CSS zdefiniowano formatowanie:
p > i {color: blue;}
Oznacza to, że kolorem niebieskim zostanie zapisany:
cały tekst paragrafu.
pochylony tekst paragrafu.
cały tekst nagłówków.
pogrubiony tekst paragrafu.
Chcąc wyróżnić wiersz tabeli wskazywany kursorem (np. innym kolorem), należy zastosować:
pseudoklasę :visited
pseudoklasę :hover
pseudoelement :first-line
nowy selektor klasy dla wierszy tabeli
