Wykład 2

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

Sie müssen eingeloggt sein, um einen Kommentar zu schreiben.