Wykład 2

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

コメントを投稿するにはログインする必要があります。