NEW
Font size
WorksheetsCSS
Total questions: 19
Worksheet time: 10mins
W języku CSS zapis w postaci:
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 każdego paragrafu.
wyświetlony, jeśli w kodzie zostanie zastosowany znacznik img.
W języku CSS,aby zdefiniować niestandardowe odstępy między wyrazami, stosuje się właściwość
line-spacing
white-space
word-spacing
latter-space
W języku CSS zdefiniowano formatowanie
p > i {color:blue}
Oznacza to,że kolorem niebieskim zostanie zapisany
cały tekst paragrafu niezależnie od jego formatowania
pochylony tekst paragrafu.
cały tekst nagłówka niezależnie od od ich formatowania.
pogrubiony tekst paragrafu
W języku CSS zapis postaci
h1::first-letter{color: red}
sprawi, że kolor czerwonego będzie
Pierwsza linia paragrafu.
tekst nagłówka pierwszego stopnia
pierwsza litera nagłówka drugiego stopnia.
pierwsza litera nagłówka pierwszego stopnia.
W języku CSS zapis
h2 {background-color: green;}
sprawi, że koloru zielonego będzie
tło całej strony.
czcionka nagłówka drugiego stopnia.
tło tekstu nagłówka drugiego stopnia.
czcionka każdego nagłówka na stronie.
W języku CSS, aby sformatować tekst poprzez przekreślenie, podkreślenie dolne lub górne należy zastosować atrybut
text-align
text-indent
text-transform
text-decoration
W języku CSS zapis
a[target="_blank"] {color: yellow;}
sprawi, że kolor żółty przyjmie czcionka
tekstu paragrafu.
każdego odnośnika.
odnośników, które otwierają się w osobnej karcie.
odnośników, które otwierają się w tej samej karcie.
W języku CSS zapis
p::first-line {font-size: 150%;}
użyty na stronie, na której jest kilka paragrafów, a każdy z nich ma po kilka linii sprawi, ze
pierwsza linia każdego paragrafu będzie miała mniejszą czcionkę niż następne linie.
pierwsza linia każdego paragrafu będzie miała większą czcionkę niż następne linie.
pierwszy paragraf na stronie będzie w całości miał powiększoną czcionkę.
całość tekstu paragrafu będzie powiększona o 150%.
W języku CSS wartości: underline, overline, blink przyjmują atrybut
text-style
font-style
font-weight
text-decoration
W przedstawionej definicji stylu CSS, powtarzanie dotyczy
body { background-image: url("rysunek.gif");
background-repeat: repeat-y;
tła każdego ze znaczników akapitu.
rysunku umieszczonego znacznikiem img.
rysunku umieszczonego w tle strony w pionie.
rysunku umieszczonego w tle strony w poziomie.
W języku CSS zdefiniowano styl. Sformatowana stylem sekcja będzie zawierała obramowanie o szerokości
div { border: solid 2px blue;
margin: 20px;}
2 px oraz marginesy wewnątrz tego obramowania.
20 px oraz marginesy wewnątrz tego obramowania.
2 px oraz marginesy na zewnątrz tego obramowania.
20 px oraz marginesy na zewnątrz tego obramowania.
Strona HTML definiuje akapit oraz rysunek. Aby rysunek został umieszczony przez przeglądarkę w tej samej linii co akapit po jego lewej stronie, należy w stylu CSS rysunku zawrzeć własność
float: left;
align: left;
style: left;
alt: left;
W języku CSS określono formatowanie znacznika h1 według wzoru. Zakładając, że żadne inne formatowanie nie jest dodane do znacznika h1, wskaż sposób formatowania tego znacznika
h1{ font-style: oblique;
font-variant: small-caps;
text-align: right; }
Aby przygotować szablon strony z trzema kolumnami ustawionymi obok siebie, można posłużyć się stylem CSS
.kolumny{ float: left; width: 33%; }
.kolumny{ float: right; height: 33%; }
.kolumny{ clear: both; height: 33%; }
.kolumny{ float: left; width: 40%; }
Wskaż prawidłową kolejność stylów CSS mając na uwadze ich pierwszeństwo w formatowaniu elementów strony WWW.
Lokalny, Wewnętrzny, Zewnętrzny.
Zewnętrzny, Wydzielone bloki, Lokalny.
Rozciąganie stylu, Zewnętrzny, Lokalny.
Wewnętrzny, Zewnętrzny, Rozciąganie stylu.
W folderze www znajdują się podfoldery html i style, w których zapisane są odpowiednio pliki z rozszerzeniem html i pliki z rozszerzeniem css. Chcąc dołączyć styl.css do pliku HTML należy użyć
<link rel="Stylesheet" type="text/css" href="styl.css" />
<link rel="Stylesheet" type="text/css" href="/style/styl.css" />
<link rel="Stylesheet" type="text/css" href="www/style/styl.css" />
<link rel="Stylesheet" type="text/css" href="../style/styl.css" />
Chcąc zdefiniować marginesy wewnętrzne dla danych: margines górny 50px, dolny 40px, prawy 20px i lewy 30px należy użyć składni CSS
padding: 50px, 40px, 20px, 30px;
padding: 50px, 20px, 40px, 30px;
padding: 20px, 40px, 30px, 50px;
padding: 40px, 30px, 50px, 20px;
Chcąc sformatować w stylach CSS wszystkie obrazy zawarte w akapicie, powinno się użyć selektora
p img
p # img
p + img
p.img
Który z atrybutów background-attachment w języku CSS należy wybrać, aby tło strony było nieruchome względem okna przeglądarki?
Scroll
Fixed
Local
Inherit
