Egzamin zawodowy E-14
Kwalifikacja: E.14
Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz administrowanie bazami
Zawód: Technik informatyk
Style CSS ktore należy znać do tego egzaminu:
| Rodzaj | Opis w zadaniu matoralnym | CSS | |
|---|---|---|---|
| Kolor | kolor tła #F6E5DC | background-color: #F6E5DC; | |
| kolor tła ForestGreen | ackground-color: ForestGreen; | ||
| kolor tła RGB: 146, 184, 112 | background-color: rgb(146, 184, 112); | ||
| kolor czcionki khaki | color: khaki; | ||
| biały kolor czcionki | color: white; | ||
| kolor obramowania Maroon | border-color: Maroon; | ||
| tło w postaci obrazu cukierki1.jpg | background-image: url('cukierki1.jpg'); | ||
| Text | krój czcionki Verdana | font-family: "Verdana"; | |
| czcionka Arial | font-family:"Arial" | ||
| wyrównanie tekstu do środka | text-align: center; | ||
| wyrównanie tekstu do lewej strony | text-align: left; | ||
| wyrównanie tekstu do prawej strony | text-align: right; | ||
| rozmiar czcionki 150% | font-size: 150%; | ||
| rozmiar czcionki: 20 px | font-size: 20px; | ||
| odnośnik bez podkreślenia | text-decoration: none; | ||
| odległość między literami 20 px | letter-spacing: 20px; | ||
| wysokość linii wynosi 30 | line-height:30px | ||
| kapitaliki | small-caps | ||
| interlinia 50px | line-height: 50px; | ||
| Lista punktowana | Lista punktowana: okrąg jako styl punktora | ||
| Lista punktowana: styl punktora cyfry rzymskie wielkie | |||
| Lista nienumerowana: typ punktora - kwadrat | list-style-type | ||
|
Odnośnik Dowiec sie więcej | odnośnik: odnośnik nie wybrany w kolorze pomarańczowym | a:link { color: orange; } | |
| odnośnik: odnośnik odwiedzony w kolorze czerwonym | a:visited { color: red; } | ||
| odnośnik: odsyłacze białe | a { color: white; } | ||
| Obramowanie i rozmiar | wysokość 60 px | height: 60px; | |
| szerokość 60% | width: 60%; | ||
| marginesy wewnętrzne 70 px | padding: 70px; | ||
| marginesy zewnętrzne 10 px | margin: 10px; | ||
| margines zewnętrzny górny 50 px | margin: 10px; | ||
| margines zewnętrzny dolny 100 px | margin: 100px; | ||
| margines wewnętrzny prawy 30 px | padding-right: 30px; | ||
| margines wewnętrzny górny 20 px | padding-top: 20px; | ||
| margines wewnętrzny dolny 120 px | padding-bottom: 120px; | ||
| obramowanie 2 px | border: 2px; | ||
| obramowanie linią kreskowaną zieloną | |||
| obramowanie linią przerywaną | |||
| obramowanie linią ciągłą o kolorze ForestGreen | |||
| zaokrąglenie rogów 20 px | border-radius: 20px; | ||
| odległość w pionie od sąsiednich elementów | vspace........(styczen 2016) | ||
| cień o przesunięciu 15 px w obu osiach, rozmyciu 10 px i kolorze DimGray | box-shadow: 15px 15px 10px dimgray;Dowiec sie więcej | ||
| Zdarzenia | W momencie, gdy kursor znajdzie się na obrazie, wyglad sie zmiena na jakis inny | imt:hover { odpowiedni css } | |
| W momencie najechania kursorem na obszar formularza zmienia on kolor tła na DeepSkyBlue | |||
| po najechaniu kursorem na wiersz tło zmienia się na #115C97 a kolorczcionki na biały |