Quiz z CSS

Zapis CSS margin: auto; oznacza, że marginesy są

• stałe dla danej przeglądarki, niezależnie od rozmiaru jej okna.

• równe domyślnym wartościom marginesów elementu, do którego są przypisane.

• wyliczane przez przeglądarkę tak, aby element został wyśrodkowany w poziomie.

• odziedziczone po elemencie rodzica dla danego elementu.

Wskaż paragraf sformatowany przedstawionym stylem CSS.

p {
font-family: serif;
background-color: Teal;
color: White;
font-style: italic;
}

 

• Paragraf 1.

• Paragraf 2.

• Paragraf 3.

• Paragraf 4.

Które formatowanie obramowania odpowiada stylowi border-style: dotted solid;?

• Formatowanie 1

• Formatowanie 2

• Formatowanie 3

• Formatowanie 4

Które pole edycyjne zostało sformatowane przedstawionym stylem zakładając, że pozostałe własności pola przyjmują wartości domyślne, a użytkownik wpisał imię Krzysztof w przeglądarce?

input {
 padding: 10px;
 background-color: Teal;
 color: #222;
 border: none;
 border-radius: 7px;
}

• Pole 1

• Pole 2

• Pole 3

• Pole 4

W języku CSS, należy zdefiniować tło dokumentu jako obraz rys.png. Obraz ma powtarzać się jedynie w poziomie. Którą definicję należy przypisać selektorowi body?

• {background-image: url("rys.png"); background-repeat: round;}

• {background-image: url("rys.png"); background-repeat: repeat;}

• {background-image: url("rys.png"); background-repeat: repeat-x;}

• {background-image: url("rys.png"); background-repeat: repeat-y;}

Formatowanie CSS akapitu określa styl szarej ramki o cechach:

p {
 padding: 15px;
 border: 2px dotted gray; }

• linia kropkowa; grubość 2 px; marginesy pomiędzy tekstem a ramką 15 px.

• linia ciągła; grubość 2 px; marginesy pomiędzy tekstem a ramką 15 px.

• linia kreskowa; grubość 2 px; marginesy poza ramką 15 px.

• linia ciągła; grubość 2 px; marginesy poza ramką 15 px.

Pogrubienie tekstu za pomocą znacznika <b> można uzyskać także przy wykorzystaniu właściwości CSS

• text-weight

• font-weight

• font-size

• text-size

Obraz przedstawia przycisk, dla którego zdefiniowano marginesy wewnętrzne o wartości 20 px. Który z przedstawionych kodów CSS odpowiada takiemu formatowaniu?

• button { width: 20px; }

• button { border: 20px; }

• button { margin: 20px; }

• button { padding: 20px; }

Której właściwości CSS należy użyć, aby zdefiniować marginesy zewnętrzny dla elementu?

• height

• width

• margin

• padding

Wartości: static, relative, fixed, absolute oraz sticky można przypisać do właściwości

• display

• position

• list-style-type

• text-transform