-
CSS Reference Manual
- CSS Reference Manual
- CSS selektor
- CSS Mowa referencyjny
- CSS Web Bezpieczne czcionki
- CSS ożywienie
- CSS jednostka
- CSS kolor
- CSS Prawne wartości kolorów
- CSS nazwy kolorów
- CSS Szesnastkowe wartości kolorów
- CSS Pomoc Browser
CSS nieruchomość
- align-content
- align-items
- align-self
- all
- animation
- animation-delay
- animation-direction
- animation-duration
- animation-fill-mode
- animation-iteration-count
- animation-name
- animation-play-state
- animation-timing-function
- appearance
- backface-visibility
- background
- background-attachment
- background-blend-mode
- background-clip
- background-color
- background-image
- background-origin
- background-position
- background-repeat
- background-size
- border
- border-bottom
- border-bottom-color
- border-bottom-left-radius
- border-bottom-right-radius
- border-bottom-style
- border-bottom-width
- border-collapse
- border-color
- border-image
- border-image-outset
- border-image-repeat
- border-image-slice
- border-image-source
- border-image-width
- border-left
- border-left-color
- border-left-style
- border-left-width
- border-radius
- border-right
- border-right-color
- border-right-style
- border-right-width
- border-spacing
- border-style
- border-top
- border-top-color
- border-top-left-radius
- border-top-right-radius
- border-top-style
- border-top-width
- border-width
- bottom
- box-align
- box-direction
- box-flex
- box-flex-group
- box-lines
- box-ordinal-group
- box-orient
- box-pack
- box-shadow
- box-sizing
- caption-side
- clear
- clip
- color
- column-count
- column-fill
- column-gap
- column-rule
- column-rule-color
- column-rule-style
- column-rule-width
- column-span
- column-width
- columns
- content
- counter-increment
- counter-reset
- cursor
- direction
- display
- empty-cells
- filter
- flex
- flex-basis
- flex-direction
- flex-flow
- flex-grow
- flex-shrink
- flex-wrap
- float
- font
- @font-face
- font-family
- font-size
- font-size-adjust
- font-stretch
- font-style
- font-variant
- font-weight
- grid-columns
- grid-rows
- hanging-punctuation
- height
- icon
- justify-content
- @keyframes
- left
- letter-spacing
- line-height
- list-style
- list-style-image
- list-style-position
- list-style-type
- margin
- margin-bottom
- margin-left
- margin-right
- margin-top
- max-height
- max-width
- @media
- min-height
- min-width
- nav-down
- nav-index
- nav-left
- nav-right
- nav-up
- opacity
- order
- outline
- outline-color
- outline-offset
- outline-style
- outline-width
- overflow
- overflow-x
- overflow-y
- padding
- padding-bottom
- padding-left
- padding-right
- padding-top
- page-break-after
- page-break-before
- page-break-inside
- perspective
- perspective-origin
- position
- punctuation-trim
- quotes
- resize
- right
- rotation
- tab-size
- table-layout
- target
- target-name
- target-new
- target-position
- text-align
- text-align-last
- text-decoration
- text-decoration-color
- text-decoration-line
- text-decoration-style
- text-indent
- text-justify
- text-outline
- text-overflow
- text-shadow
- text-transform
- text-wrap
- top
- transform
- transform-origin
- transform-style
- transition
- transition-delay
- transition-duration
- transition-property
- transition-timing-function
- unicode-bidi
- vertical-align
- visibility
- white-space
- width
- word-break
- word-spacing
- word-wrap
- z-index
Najlepszy samouczek jednostka CSS W 2024 r. W tym samouczku możesz dowiedzieć się Pomoc Browser,względna długość,długość Absolute,
jednostka CSS
CSS ma kilka różnych jednostek wykorzystywanych do reprezentowania długość.
Niektóre właściwości są ustawione CSS szerokość marginesu, długość, obicia, rozmiar czcionki, border-width, i tak dalej.
Długość i urządzenia elektroniczne, takie jak 10px, 2 em, i tak dalej.
Nie można mieć przestrzenie pomiędzy liczbami i jednostkami. Jeżeli długość wynosi 0, to urządzenie może być pominięty.
Dla niektórych właściwości CSS, długość może być ujemna.
Istnieją dwa typy jednostek długości: względne i bezwzględne.
Pomoc Browser
Poniższa tabela wskazuje minimalne wersje przeglądarek, które wspierają jednostki długości.
| Jednostka długości | |||||
|---|---|---|---|---|---|
| em, ex,%, px, cm, mm, PT, PC | 1,0 | 3,0 | 1,0 | 1,0 | 3,5 |
| ch | 27,0 | 9,0 | 1,0 | 7,0 | 20,0 |
| rem | 4,0 | 9,0 | 3,6 | 4,1 | 11,6 |
| VH, vw | 20,0 | 9,0 | 19,0 | 6,0 | 20,0 |
| Vmin | 20,0 | 9,0 * | 19,0 | 6,0 | 20,0 |
| vmax | 26,0 | Nie obsługuje | 19,0 | Nie obsługuje | 20,0 |
Uwaga: Internet Explorer 9 przy niestandardowym nazwę VM Vmin.
względna długość
Względne jednostki długości określenia długości w stosunku do długości nieruchomego drugiego. W zależności od urządzenia względne długości bardziej odpowiedniego.
| jednostka | opis | przykłady Online |
|---|---|---|
| em | Jest on opisany w odniesieniu do stosowania rozmiaru czcionki bieżącego elementu, to jest względne jednostki długości. Zwykle domyślny rozmiar czcionki przeglądarka jest 16px, a następnie 2em == 32px; | próbować |
| dawny | Angielski obrazu zależy od wysokości małego X | próbować |
| ch | Szerokość liczbę 0 | |
| rem | Element główny (html) font-size | |
| vw | szerokość widzenia szerokość okna 1vw = 1% szerokości okna | próbować |
| vh | Wysokość punktu widzenia, wysokość okna, 1vh = wysokość okna w wysokości 1% | próbować |
| Vmin | vw i VH mniejszy. | próbować |
| vmax | vw i VH większy. | próbować |
| % |
 | Wskazówka: rem em, a co to za różnica?Poza tym, że element rem ustawić wielkość czcionki jest nadal stosunkowo wielkości, ale wręcz przeciwnie element główny HTML. |
|---|
długość Absolute
Absolutna jednostką długości jest wartością stałą, odzwierciedla rzeczywistą wielkość fizyczną. Bezwzględne jednostki długości są bardzo zależne od medium wyjściowego, to nie zależy od otoczenia (monitor, rozdzielczość, systemu operacyjnego, itp.)
| jednostka | opis | przykłady Online |
|---|---|---|
| cm | cm | próbować |
| mm | milimetr | próbować |
| w | Cali (1 cal = 2,54 cm x 96 pikseli =) | próbować |
| px * | Pixel (1px = 1 / 96-te od 1W) | próbować |
| PT | Punkt, około 1/72 cala; (1pkt = 1 / 72in) | próbować |
| pc | pica, około 6PT, 1/6 Yingcun, (1szt = 12 pkt) | próbować |
Może piksel jest uważane za najlepsze "pikseli urządzeń", a to długość pikseli i widać, że tekst na ekranie wyświetlacza pikseli nieistotnych. px jest rzeczywiście miarą jednostki kąta.