Section 1

Preview this deck

text-align: right;

Front

Star 0%
Star 0%
Star 0%
Star 0%
Star 0%

0.0

0 reviews

5
0
4
0
3
0
2
0
1
0

Active users

0

All-time users

0

Favorites

0

Last updated

6 years ago

Date created

Mar 1, 2020

Cards (89)

Section 1

(50 cards)

text-align: right;

Front

tekst jest po prawej

Back

style="background-color:Tomato;"

Front

kolor tła - pomidorowy

Back

box-sizing: border-box;

Front

pole zmienia się w box, zamiast wiersza

Back

border-style: groove;

Front

ramka: wklęsła

Back

min-height: 600px;

Front

minimalna wyskość 600 pixeli

Back

text-decoration: none;

Front

brak ozdób tesktu

Back

border-style: outset;

Front

ramka: bardzo wypukła

Back

text-decoration: underline;

Front

tekst podkreślony

Back

border-style: solid;

Front

ramka: stała

Back

text-decoration: overline;

Front

tekst z linią nad literami

Back

border-style: dotted dashed solid double;

Front

ramka: kropkowo linjowo twardo podwójna

Back

border-style: dotted;

Front

ramka: kropokowana

Back

max-width: 500px;

Front

szerokość nie większa niż 500 pixeli

Back

margin-bottom: 100px;

Front

margines z dołu 100 pixeli

Back

border-right-style: solid;

Front

styl prawej części ramki: twardy

Back

outline-width: thin;

Front

outline jest cienka

Back

style="background-color:rgb(255, 99, 71);"

Front

kolor tła w rgb 255,99,71

Back

border-style: hidden;

Front

ramka: ukryta

Back

background-clip

Front

określa tło w boxach

Back

p.solid {outline-style: solid;}

Front

p ma outline linia stała

Back

background-repeat: repeat-x;

Front

tło powtarza się tylko horyzontalnie

Back

style="color:Tomato;"

Front

kolor pomidorowy

Back

border-style: ridge;

Front

ramka: wypukła

Back

outline: 5px solid yellow;

Front

outline jest żółtą linią stałą o grubości 5 pixeli;

Back

background-attachment: fixed;

Front

tło będzie pozostawać stałe podczas scrollowania

Back

border-width: 2px 10px 4px 20px;

Front

grubość ramki 1 x 10 x 4 x 20

Back

text-align: justify;

Front

tekst jest wyjustowany

Back

height: 50px;

Front

wysokość 20 pixeli

Back

p.double {outline-style: double;}

Front

p ma outline linia podwójna

Back

text-align: center;

Front

tekst jest na środku

Back

padding-top: 50px;

Front

wcięcie z góry 50 pixeli

Back

height: 20%;

Front

wysokość 20%

Back

background-image: url("paper.gif")

Front

obraz w tle paper.gif

Back

p.dashed {outline-style: dashed;}

Front

p ma outline linia przerywana

Back

border-style: none;

Front

ramka: brak

Back

width: 60px;

Front

szerokość 60 pixeli

Back

style="border:2px solid Tomato;"

Front

ramka, bez przerw, 2 pixele, kolor pomidorowy

Back

background-repeat: no-repeat;

Front

tło się nie powtarza

Back

background-origin

Front

określa pozycję tła

Back

background-position

Front

początkowa pozycja gry

Back

border-color: green;

Front

zielona ramka

Back

text-align: left;

Front

tekst jest po lewej

Back

outline-offset: 15px;

Front

outline jest oddalony o 15 pixeli od środka

Back

border-style: inset;

Front

ramka: bardzo wklęsła

Back

border-style: double;

Front

ramka: podwójna

Back

border-style: dashed;

Front

ramka: kreskowana

Back

outline-color: red;

Front

czerwony outline

Back

p.dotted {outline-style: dotted;}

Front

p ma outline kropkowany

Back

text-decoration: line-through;

Front

tekst przekreślony

Back

background-position: right top;

Front

pozycja tła w prawym górnym rogu

Back

Section 2

(39 cards)

list-style-position: inside;

Front

znaczki listy są częścią tej listy

Back

direction: rtl;

Front

tekst pisany od prawej

Back

float: right;

Front

element przypina się po prawej stronie i tekst się przy nim zawija

Back

list-style-position: outside;

Front

znaczki listy nie są częścią tej listy

Back

text-transform: lowercase;

Front

tekst tylko małymi literami

Back

word-spacing: -5px;

Front

odległość między słowami -5 pixeli

Back

<i class="fas fa-file"></i>

Front

wstaw ikonkę pliku

Back

overflow: visible;

Front

pokazuje co wystaje poza ramę

Back

text-shadow: 3px 2px red;

Front

czerwony cień tekstu 3px , 2px

Back

ol.c { list-style-type: upper-roman; }

Front

lista c, cyfry rzymskie

Back

ul.a { list-style-type: circle; }

Front

lista a, kółka

Back

letter-spacing: -3px;

Front

odległość między literami zmniejszona do -3 pixeli

Back

ul { list-style-image: url('sqpurple.gif'); }

Front

lista, w której znaczki to sqpurple.gif

Back

display:none;

Front

ukrywa element, a reszta się dopasowuje

Back

ul.b { list-style-type: square; }

Front

lista b, kwadraty

Back

a:hover

Front

kod odnosi się do linku na który ktoś najechał myszką

Back

line-height: 1.8;

Front

odległość między wierszami 1.8

Back

opacity: 0.5;

Front

przeźroczystość ustawiona na połowę

Back

line-height: 0.8;

Front

odległość między wierszami 0.8 (tj na minus)

Back

overflow-y

Front

odnosi się do tego gdy coś wystaje poza ramę WYSOKOŚCIĄ

Back

a:active

Front

kod odnosi się do linku w chwili kliknięcia

Back

ol.d { list-style-type: lower-alpha; }

Front

lista d, małe litery

Back

a:visited

Front

kod odnosi się do linku w który już ktoś wszedł

Back

text-transform: capitalize;

Front

tekst z wielkimi pierwszymi literami każdego słowa

Back

text-indent: 50px;

Front

tab 50 pikseli

Back

font-size: 40px;

Front

rozmiar czcionki 40 pixeli

Back

letter-spacing: 3px;

Front

odległość między literami 3 pixele

Back

clear: left;

Front

element przypina się po lewej i nic na niego nie nachodzi (przydatne żeby np dopasować ramke do zdjęcia)

Back

overflow: hidden;

Front

ukrywa to co wystaje poza ramę

Back

text-transform: uppercase;

Front

tekst tylko wielkimi literami

Back

overflow-x

Front

odnosi się do tego gdy coś wystaje poza ramę SZEROKOŚCIĄ

Back

overflow: scroll;

Front

to co wystaje poza ramę można scrollować, ale scroll jest cały czas

Back

word-spacing: 10px;

Front

odległość między słowami 10 pixeli

Back

a:link

Front

kod odnosi się do linku

Back

img { opacity: 0.5; } img:hover { opacity: 1.0; }

Front

fragment kodu, gdzie obrazek jest przeźroczysty w 50%, ale po najechaniu na niego myszką przeźroczystość znika

Back

overflow: auto;

Front

gdy coś wystaje za ramę to pozwala scrollować i tylko wtedy

Back

font-weight: bold;

Front

czcionka pogrubiona

Back

Visibility:Hidden;

Front

ukrywa element, ale strona zachowuje się tak jakby wciąż tam był;

Back

float: inherit;

Front

element przypina się po środku i tekst się przy nim zawija

Back