Wykład 2

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

Vous devez vous connecter pour poster un commentaire.