programowanie - road to glory

 0    57 schede    witekg0707
Stampa Gioca Testa il tuo livello
 
Domanda isiZulu Risposta isiZulu
Inline
inizia ad imparare
typ zapisu jezyka CSS
Internal
inizia ad imparare
typ zapisu jezyka CSS
External
inizia ad imparare
typ zapisu jezyka CSS
id=" ..."
inizia ad imparare
oznaczenie danego tagu w css
class=" ... "
inizia ad imparare
przydzielenie do pewnej klasy w css
rel= " ... "
inizia ad imparare
do uzupelnienia bo wsumie nie wiem po co tego uzywac
href="..."
inizia ad imparare
sluzy do podlinkowania czegos, albo do polaczenia dwoch plikow
<title></>
inizia ad imparare
nazwanie strony
<link rel="stylesheet" href="...">
inizia ad imparare
sluzy do polaczenia css i html
CSS
inizia ad imparare
Cascading Style Sheets
color: red itd
inizia ad imparare
zmiana koloru na dany kolor
color: rgb(0-255,0-255,0-255)
inizia ad imparare
zmiana koloru przez dane rgb=red blue green
color: 59ff5f
inizia ad imparare
zmiana koloru przez dane HEX= hexadecimal values
color: hsl(0,0%,0%)
inizia ad imparare
zmiana koloru przez dane hsl=hue, saturation, and lightness
font-family:"Times New Roman" (CSS)
inizia ad imparare
typ czcionki
font-size: 1em (1em=100% of normal size) / 18px
inizia ad imparare
rozmiar czcionki
font-weight: normal/bold
inizia ad imparare
grubość czcionki
font-style: normal/italic
inizia ad imparare
styl czcionki
@font-face{src: url(.../...); font-family: ...}
inizia ad imparare
korzystamy aby zmienic rodzaj czcionki na wybrana np z fonts. google.com
border: solid
inizia ad imparare
rodzaj obramowki
border: dashed
inizia ad imparare
rodzaj obramowki
border: dotted
inizia ad imparare
rodzaj obramowki
border: double
inizia ad imparare
rodzaj obramowki
border: groove
inizia ad imparare
rodzaj obramowki
border: ridge
inizia ad imparare
rodzaj obramowki
border: inset
inizia ad imparare
rodzaj obramowki
border: outset
inizia ad imparare
rodzaj obramowki
border: none
inizia ad imparare
rodzaj obramowki stosujemy gdy jest juz jakas a nie chcemy zadnej
margins
inizia ad imparare
space around an element
float
inizia ad imparare
allows other elements to flow around it
display: flow-root
inizia ad imparare
uzywamy np: gdy nie chcemy aby obrazek nam uciekl z obramowki
overflow
inizia ad imparare
property that sets the desired behavior when content does not fit in the parent element box(overflows)
overflow: visible
inizia ad imparare
rodzaj wlasciwosci overflow
overflow: hidden
inizia ad imparare
rodzaj wlasciwosci overflow
overflow: clip
inizia ad imparare
rodzaj wlasciwosci overflow
overflow: scroll
inizia ad imparare
rodzaj wlasciwosci overflow
overflow: auto
inizia ad imparare
rodzaj wlasciwosci overflow dziala tak samo jak scroll tylko gdy nie ma potrzeby to nie pojawiaja sie paski do przesuwania tekstu
overflow-clip-margin: 20px
inizia ad imparare
np poza obramowka widac tekst na 20 pixeli, ktory wczensniej byl ukryty przez funkcje, overflow: clip
display
inizia ad imparare
property specifies if/how an element is displayed
block-level
inizia ad imparare
start on a new line, take up the full width available (h1, div, p, form, header, footer)
inline
inizia ad imparare
do not start on a new line width is limited to what is needed (span, a, img)
display: inline-block
inizia ad imparare
cos co bierze pod uwage height i width ale bierze tylko tyle miejsca ile potrzebuje
display: none
inizia ad imparare
nie ma tego wogole
display: hidden
inizia ad imparare
nie jest widoczne ale zabiera miejsce
display: block
inizia ad imparare
zamienia sie w blocka
display: inline
inizia ad imparare
zamienia sie w inline
height: 100vh
inizia ad imparare
vh=viewport height
box-sizing: border-box
inizia ad imparare
uzywamy np gdy chcemy uzyc float ale nam nie dziala przez border, wiec wpisujemy ta komende i ona to lekceważy
*{}
inizia ad imparare
all elements
padding: 25px
inizia ad imparare
tworzy dookola czegos miejsce w rozmiarze 25px
width/height: px, %, vh, auto (samo sie dostosuje)
inizia ad imparare
zapis rozmiarow szerokosci i dlugosci
min/max - height/width
inizia ad imparare
minimalna/ maxymalna, dlugosc /szerokosc
position: relative
inizia ad imparare
positioned relative to where it normally
position: sticky
inizia ad imparare
positioned based on scroll position
position: fixed
inizia ad imparare
positioned relative to the viewport
position: absolute
inizia ad imparare
positioned relative to nearest ancestor
position: static
inizia ad imparare
default position for an element

Devi essere accedere per pubblicare un commento.