Najlepszy samouczek CSS W 2024 r. W tym samouczku możesz dowiedzieć się
właściwości CSS,właściwości Animacja,Właściwości tła,Graniczna (Border) oraz Zarys (Outline) nieruchomości,Box (Box) nieruchomości,Kolor (Color) Właściwości,Padding (padding) Property,Zawartość strony mediów Własności,Rozmiar (wymiar) nieruchomości,Flexible Box Model (Flexible Box) nieruchomości (nowy),Flexible Box Model (Flexible Box) nieruchomości (stary),Font (Czcionka) Property,atrybut generacji Zawartość (Generated Content Properties),Siatka (siatka) nieruchomości,Hiperłącza (hiperłącze) Właściwości,Szkielet (Linebox) nieruchomości,List (Lista) nieruchomości,Margin (Margines) nieruchomości,Napisy (Marquee) nieruchomości,Wiele kolumn (Multi-column) nieruchomości,Strona Mediów (Paged Mediów) nieruchomości,Pozycjonowanie (Positioning) nieruchomości,Stronicowania (Drukuj) nieruchomości,Właściwości Ruby,Speech (Mowa) nieruchomości,Tabela (tabela) nieruchomości,Text (Tekst) nieruchomości,2D / 3D przekształcenia własności,Przejście (Transition) nieruchomości,Pojawienie użytkownika (User-Interface) Właściwości,
CSS
Ten poradnik CSS we wszystkich głównych przeglądarek testowane.
właściwości CSS
CSS Property Group:
"CSS" kolumna wskazuje w jakiej wersji CSS właściwość jest zdefiniowana (CSS1, CSS2, lub CSS3).
属性 |
描述 |
CSS |
color-profile |
允许使用源的颜色配置文件的默认以外的规范 |
3 |
opacity |
设置一个元素的透明度级别 |
3 |
rendering-intent |
允许超过默认颜色配置文件渲染意向的其他规范 |
3 |
nieruchomość | wyjaśnienie | CSS |
---|
wyściółka | Ustaw wszystkie właściwości wypełniające w jednej deklaracji | 1 |
padding-bottom | Ustaw dolnego elementu wypełniającego | 1 |
padding-left | Element z lewej krawędzi | 1 |
padding-tuż | Element jest tuż wyściółkę | 1 |
padding-top | Ustawienia w prawym górnym elementów do wypełnienia | 1 |
属性 |
说明 |
CSS |
bookmark-label |
指定书签的标签 |
3 |
bookmark-level |
指定了书签级别 |
3 |
bookmark-target |
指定了书签链接的目标 |
3 |
float-offset |
在相反的方向推动浮动元素,他们一直具有浮动 |
3 |
hyphenate-after |
指定一个断字的单词断字字符后的最少字符数 |
3 |
hyphenate-before |
指定一个断字的单词断字字符前的最少字符数 |
3 |
hyphenate-character |
指定了当一个断字发生时,要显示的字符串 |
3 |
hyphenate-lines |
表示连续断字的行在元素的最大数目 |
3 |
hyphenate-resource |
外部资源指定一个逗号分隔的列表,可以帮助确定浏览器的断字点 |
3 |
hyphens |
设置如何分割单词以改善该段的布局 |
3 |
image-resolution |
指定了正确的图像分辨率 |
3 |
marks |
将crop and/or cross标志添加到文档 |
3 |
string-set |
|
3 |
nieruchomość | wyjaśnienie | CSS |
---|
box-align | Określa sposób wyrównania bloku podelementów | 3 |
box-direction | W jakim kierunku jest określona, wyświetla okno element podrzędny | 3 |
box-flex | Określ, czy pudełko podelementów są elastyczne lub stałym rozmiarze | 3 |
box-flex-group | Elastyczne elementy przypisane do grupy Flex | 3 |
pudła-linie | Ilekroć to działa w przestrzeni ramki nadrzędnej, kiedy dokładniej określić, czy nowy rząd | 3 |
box-porządkowa-group | Kolejności wyświetlania ramki podelementów | 3 |
box-orient | Określa, czy pole elementu dzieci w kierunku poziomym lub pionowym należy ustanowić | 3 |
box-pack | Określa pole boczny w pozycji poziomej i pionowej pozycji pionowej ramie | 3 |
nieruchomość | wyjaśnienie | CSS |
---|
chrzcielnica | Ustaw wszystkie właściwości czcionki w jednej deklaracji | 1 |
font-family | Przepisy rodziny czcionki tekstu | 1 |
font-size | Przepisy rozmiaru czcionki tekstu | 1 |
font-style | określone style czcionek tekstu | 1 |
font-variant | określone style czcionek tekstu | 1 |
font-weight | Określonej wagi czcionki | 1 |
@ Font-face | Reguła, która pozwala stronie, aby pobrać i korzystać z innych niż "Web- bezpieczne" dla czcionki | 3 |
font-size-adjust | The Elements aspektem zadaną wartość | 3 |
font-odcinek | Kurczyć lub rozciągać obecną rodzinę czcionek | 3 |
nieruchomość | wyjaśnienie | CSS |
---|
zawartość | Z: before i: after pseudo-element, stosowany w połączeniu Aby wstawić treści generowanej | 2 |
Licznik przyrostu | Zwiększyć lub zmniejszyć jeden lub więcej liczników | 2 |
counter-reset | Utworzyć jeden lub więcej liczników lub zresetować | 2 |
cytaty | Zestaw zagnieżdżone typy odwołuje cytatów | 2 |
wole | Pozwól elementów zastępowanych prostu jako obiekt zamiast prostokątnego obszaru całego obiektu | 3 |
przenieść do | Powoduje to element być usunięty ze strumienia i przeniesiony na późniejszym etapie dokumentu | 3 |
Strona-policy | wartość ciągu jest ustalana na podstawie strony odnoszą się do danego elementu w liczniku | 3 |
nieruchomość | wyjaśnienie | CSS |
---|
grid-kolumny | Określa szerokość każdej kolumny w siatce | 3 |
grid-rzędowe | Określa wysokość każdej kolumny w siatce | 3 |
nieruchomość | wyjaśnienie | CSS |
---|
cel | Skrócona forma ustawić docelowy-name, target-nowe, a właściwość target-pozycyjny | 3 |
target-name | Określa, aby otworzyć łącze (docelowy), w którym | 3 |
target-nowa | Określa, czy nowy związek docelowy otwiera nowe okno, lub otworzyć nową kartę w istniejącym oknie | 3 |
target-pozycyjny | Określić nowe adresy docelowe powinny być umieszczone w pozycji | 3 |
nieruchomość | wyjaśnienie | CSS |
---|
Wyrównanie-adjust | Pozwala na bardziej precyzyjne dopasowanie elementów | 3 |
alignment-bazowy | Jej elementem dominującym Określony poziom inline sposób wyrównania | 3 |
bazowy-shift | Umożliwia repozycjonowanie dominującej-bazowego w stosunku do dominującego-wyjściowo | 3 |
dominujące bazowy | Określa skalowany bazowy-table | 3 |
drop-initial-po-adjust | Ustaw początkowy punkt wyrównania rozwijanego podstawowy punkt połączenia | 3 |
drop-initial-po-align | Ustaw linię kalibracji w pierwotnym jest to, że ma ona pierwszą literę polu używając podstawowy punkt połączenia | 3 |
drop-initial-before-adjust | Ustawienia rozwijanej pomocniczy punkt połączenia punkt początkowy wyrównanie | 3 |
drop-initial-before-align | Ustaw linię kalibracji w pierwotnym jest to, że ma ona pierwszą literę skrzynki przyłączeniowej pomocniczego | 3 |
drop-initial-size | Pierwsza litera kontrolą lokalnych obniżeń | 3 |
drop-początkowa wartość | Aktywuj rozwijane wstępne wyniki | 3 |
inline-box-align | Skonfiguruj wiersz multi-line inline blok mający wyrównane przód i kolejne elementy inline | 3 |
line-Stacking | Zestaw line-Stacking-strategii, line-układanie-ruby i line-układanie z przesunięciem przypisywać właściwości skrótowej | 3 |
line-Stacking-ruby | Ustawia metodę układania wiersza dla elementów blokowych zawierających elementy Ruby adnotacji | 3 |
line-Stacking-shift | Zestaw linia bazowa zawierająca ułożone z przesunięciem bloku metoda elementów elementu | 3 |
line-Stacking-strategia | Stacking zestawy metodą zawartą w obrębie elementów blokowych ramki stosu | 3 |
Wysokość tekstu | Skrzynka inline Obszar Tekst wymiar ustawiony blokowe Progresja | 3 |
nieruchomość | wyjaśnienie | CSS |
---|
margines | Ustaw wszystkie właściwości marginesów w jednej deklaracji | 1 |
margin-bottom | Element jest ustawiony dolny margines | 1 |
margin-left | Element na lewym marginesie | 1 |
margin-right | Element prawym marginesie | 1 |
margin-top | Element jest ustawiony na marginesie | 1 |
nieruchomość | wyjaśnienie | CSS |
---|
namiot-kierunek | Ustawienie kierunku poruszającego treści | 3 |
marquee play-count | Ile razy utworzyły treści na telefon komórkowy | 3 |
namiot-biegowa | Ustaw jak szybko zawartość przewijania | 3 |
namiot stylu | Stylizacja treści na telefon komórkowy | 3 |
nieruchomość | chybienie | CSS |
---|
dopasować | Jeżeli szerokość i wysokość atrybuty nie są automatycznie daje wskazówkę, jak masowa elementów zastępowanych | 3 |
Fit-pozycyjny | Określanie wyrównania przedmiotu wewnątrz skrzynki | 3 |
Orientacja obrazu | Określa user-agent dla prawo lub obrócić zdjęcie w prawo | 3 |
strona | Określić konkretny typ elementu powinna wyświetlić stronę | 3 |
rozmiar | Określić zawartość strony zawierającej box rozmiar i orientację | 3 |
nieruchomość | wyjaśnienie | CSS |
---|
dolny | Przesunięcie bloku na granicy pomiędzy dolną ustawień marginesów skierowanych elementy zawierające granicę | 2 |
jasny | Która strona ustalonej elementu uniemożliwia inne elementy pływające | 1 |
klips | Cięcie elementów pozycjonowanych absolutnie | 2 |
kursor | Przepisy typu kursora mają być wyświetlane (kształt) | 2 |
pokaz | Typ określa elementy, które mają być generowane pole | 1 |
pływak | Czy przepisy polu powinny unosić | 1 |
lewo | Ustawianie kierowania elementów zawierających granicę lewego marginesu przesunięcia między lewą krawędzią bloku | 2 |
przelewowy
| Co się dzieje, gdy zawartość przepisami elementu przepełnienia skrzynki | 2 |
pozycja | Typ Lokalizacja opisuje elementy | 2 |
prawo | Ustawienie elementów pozycjonujących prawym marginesie zawierające przesunięcia granicy bloku i jego prawą granicę między | 2 |
top | Ustaw kierowanie elementów zawartych na granicy i jego przesunięcia granicy między granicy bloku | 2 |
widoczność | Czy przepisy widocznych elementów | 2 |
z-index | Ustawianie kolejności układania elementów | 2 |
nieruchomość | wyjaśnienie | CSS |
---|
sieroty | Minimalna liczba linii występuje wówczas, gdy elementy wewnętrzne muszą być zachowane zakładkę w dolnej strony | 2 |
page-break-after | Zakładka Ustawienia elementy behawioralne po | 2 |
page-break-before | Zakładka Ustawienia elementy behawioralne przed | 2 |
page-break-wewnątrz | Element wewnątrz zachowania zakładki | 2 |
wdowy | Minimalna liczba linii występuje wówczas, gdy elementy wewnętrzne muszą być zachowane zakładkę na górze strony | 2 |
nieruchomość | wyjaśnienie | CSS |
---|
ruby-align | tekstowym, Ruby i Ruby kontrola zawartości tekstu wyrównanie względem siebie | 3 |
ruby-zwis | Gdy tekst przekracza bazowy Ruby Ruby szerokość określić lokalny zamontować dowolny tekst sąsiadujący rubinowy tekst jest dozwolone, w uzupełnieniu do ich bazy | 3 |
ruby-pozycyjny | Gdzie kontroluje tekst bazowy Ruby | 3 |
ruby-zakresowy | Kontrola nad zachowaniem elementów adnotacji | 3 |
nieruchomość | wyjaśnienie | CSS |
---|
znak | Ustaw znacznik przed i po znaku-przypisują właściwości skróconą | 3 |
mark-po | Pozwól nazwanych znaczniki do strumienia audio | 3 |
mark-przed | Pozwól nazwanych znaczniki do strumienia audio | 3 |
fonemy | Określa, że zawiera tekst odpowiadający element w wymową | 3 |
reszta | Ustawianie odpocząć-przed i po odpoczynku-przypisują właściwości skróconą | 3 |
Reszta, po | Zawartość elementu po wykończeniu, wyznaczony na przerwę lub zgodne z prozodycznych granicy | 3 |
Reszta, zanim | Zawartość elementu przed metą, wyznaczony na przerwę lub zgodne z prozodycznych granicy | 3 |
voice-balance | Określone zrównoważenia lewego i prawego kanału | 3 |
voice-czas | Określić zawartość wybranego elementu należy podjąć, aby uczynić długości | 3 |
voice-pak | Określa średnią boiska głosową (częstotliwości) | 3 |
voice-pitch-range | Określa średnią zmianę nachylenia | 3 |
voice-kurs | Regulacja prędkości | 3 |
Głos stres | Wskazujące wysiłki koncentrują | 3 |
Głos objętości | synteza mowy Oznacza to, że amplituda kształtu fali wyjściowej | 3 |
nieruchomość | wyjaśnienie | CSS |
---|
border-collapse | Określa, czy tabela granicznej fuzji | 2 |
border-spacing | Określona odległość pomiędzy sąsiednimi granic komórek | 2 |
caption-side | Określonym miejscu tabeli tytułowego | 2 |
Puste komórki | Określa, czy wyświetlać granice i tabele tło w pustych komórek na | 2 |
table-layout | Ustawianie algorytm układ dla tabel | 2 |
nieruchomość | wyjaśnienie | CSS |
---|
kolor | Ustaw kolor tekstu | 1 |
kierunek | Tekst ustalony kierunek / kierunek pisania | 2 |
letter-spacing | Ustawianie odstępy między znakami | 1 |
line-height | Ustawienie wysokości wiersza | 1 |
text-align | Poziome wyrównanie przepisami tekstu | 1 |
text-decoration | Przepis dodany do tekstu efektu dekoracyjnego | 1 |
text-indent | Przepisy tiret blok tekstu pierwszej linii | 1 |
text-transform | Kontrole wrażliwe na tekście | 1 |
unicode-bidi | | 2 |
vertical-align | Pionowe ustawienie elementu | 1 |
white-space | Jak ustawić pustego elementu sterującego | 1 |
word-spacing | Ustawienia dystansowe słowne | 1 |
podwieszane interpunkcyjny | Określa, czy znak interpunkcyjny może być poza pola liniowego | 3 |
interpunkcyjny-trim | Określa, czy należy usunąć znak interpunkcyjny | 3 |
text-align przedostatniej | Gdy text-align jest ustawiony, aby uzasadnić, ostatni wyrównanie linii. | 3 |
text-uzasadnić | Zdecentralizowany sposób określony wyrównania, kiedy text-align jest ustawiony, aby uzasadnić czas. | 3 |
Zarys tekstu | Ustaw tekst konspektu. | 3 |
text-overflow | Element określa, kiedy tekst przepełnienia cenie, co powinno się zdarzyć | 3 |
text-shadow | Dodawanie cienia do tekstu | 3 |
text-wrap | Przepisy określają oblewanie tekstem | 3 |
word-break | Określa zasady łamanie wierszy dla non-CJK tekstu | 3 |
word-wrap | Niezależnie od tego, aby ustawić przeglądarkę tak, aby być zbyt długi wrap słowem. | 3 |
nieruchomość | wyjaśnienie | CSS |
---|
wygląd | Definicja stylu elementy zewnętrzne | 3 |
box-zaklejania | To pozwala na dostosowanie region jakoś zdefiniować pewne elementy | 3 |
ikona | Określ ikonę elementu | 3 |
nav-down | Określa użytkownik naciśnie klawisz nawigacyjny w dół pozycję spadkową | 3 |
nav-index | Określa nawigacji (TAB) zamówienia. | 3 |
nav-left | Określ, gdy użytkownik naciśnie przycisk w lewo, aby nawigować lokalizację | 3 |
nav-tuż | Określa użytkownika nacisnąć odpowiednią pozycję przy lewym panelu nawigacyjnym | 3 |
nav-up | Określa użytkownik naciśnie przycisk UP nawigacja UP pozycję | 3 |
zarys offsetu | Ustawianie korekcji konturu krawędzi poza ramami granicy | 3 |
rozmiar | Czy definicja elementów może być zmieniany | 3 |