programowanie - road to glory

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

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