Wykład 2

 0    45 fiche    klaudiawcislo
baixar mp3 Imprimir jogar verifique-se
 
questão język polski resposta język polski
Jakie istnieją sposoby wykorzystania CSS?
começar a aprender
inline, wewnętrzne, zewnętrzne
sposoby wykorzystania CSS - inline
começar a aprender
wewnątrz znaczników umieszczany jest atrybut style
sposoby wykorzystania CSS - wewnętrznie
começar a aprender
w nagłówku dokumentu umieszczany blok <style></style>
sposoby wykorzystania CSS - zewnętrznie
começar a aprender
dołączany plik. css
x {}
começar a aprender
wybór konkretnych znaczników
#X
começar a aprender
wybór znacznika po jego ID
.X
começar a aprender
wybór znacznika po jego klasie
a: link
começar a aprender
wybiera wszytskie nieodwiedzone odnośniki
a: visited
começar a aprender
wybiera wszytskie odwiedzone odnośniki
a: active
começar a aprender
wybiera aktywny odnośnik
a: hover
começar a aprender
wybiera odnośniki nad którymi jest kursor
input: focus
começar a aprender
wybiera element który ma "focus" (LOL o.O)
p: lang(pl)
começar a aprender
wybiera atrybuty lang, którego wartość to "pl"
div: first-child
começar a aprender
wybiera element będący pierwszym elementem potomnym wskazanego elementu
:after
começar a aprender
umożliwia dodanie treści bezpośrednio przed treścią wskazanego elementu
:before
começar a aprender
umożliwia dodanie treści bezpośrednio po treści wskazanego elementu
Czy CSS3 jest kompatybilne wstecz?
começar a aprender
tak
:first-letter
começar a aprender
zdefiniowanie stylówdla pierwszej litery tekstu np. elementu <p/>
:first-line
começar a aprender
zdefiniowanie stylówdla pierwszej linii tekstunp elementu <p/>
Co wpływa na rzeczywisty rozmiar elementu
começar a aprender
wysokość i szerokość: height i width, grubość obramowania - border, odległość treści od obramowania - padding
Co to flexbox
começar a aprender
układ elementów na stronie - alternatywny dla modelu"blokowego", definiuje jak elementy ułożone sa w kontenerze
Z czego składa się flexbox
começar a aprender
z kontenera i elementów "flex"
Jak ułożone są elementy "flex" w kontenerze?
começar a aprender
wzdłuż linii
border-radius
começar a aprender
do zaokrąglania obrazków - przyjmuje od 1 do 4 wartości
Na ile ograzów zezwala w CSS3 backgorund-image?
começar a aprender
kilka
backgoround-orgin
começar a aprender
okresla położenie obrazutła, border - box, padding-box, content-box
background-clip
começar a aprender
obszar rysowania tła, border-box, padding-box i content-box
co zyskujemy dzięki regule @font-face?
começar a aprender
Możemy używać czcionek które nie są zainstalowane w systemie po stronie klienta
text-overflow
começar a aprender
czy i jak sygnalizujemy fakt że treść nie zmieściła się w danym bloku
word-wrap
começar a aprender
łamanie długich słów i zwijanie ich do następnej linii
word-break
começar a aprender
sposób łamania linii (keep-all, break-all)
text-shadow
começar a aprender
dodwanie cienia pod tekstem
column-count: 3
começar a aprender
tekst wielokolumnowy - 3, tak jak w gazetach
translate(x,y)
começar a aprender
przesuniecie
rotate(stopnie)
começar a aprender
obrócenie
scale(x,y)
começar a aprender
zmiana rozmiaru
scew(x,y)
começar a aprender
pochylenie w poziomie i pionie
matrix(a, b, c, d,e)
começar a aprender
zbiorcze zastosowanie np odwrócenia
transform-orgin
começar a aprender
przesuniecie układu współrzędnych
Przesunięcie (x - gdzie?, y- gdzie?)
começar a aprender
x- boki, y do góry
RWD
começar a aprender
Responsive Web Design
jaki element i gdzie umieszczony pozwala na kontrolowanie rozmiaru strony oraz jej skalowanie?
começar a aprender
viewport w znaczniku meta/
co wykorzystujemy aby dostosować wygląd do rozmiaru ekranu?
começar a aprender
Media Queries w CSS
Mechanizm Grid-View
começar a aprender
Strona podzielona na kolumny - zazwyczaj 12, których szerokość stanowi 100%
reguła @media w CSS3
começar a aprender
definiuje co zrobić przy spełnieniu okreslonych warunków np szerokosci ekranu, orientacji ekranu

Você deve entrar para postar um comentário.