Tysiące porad CSS, PHP, skrypty. Pomocne wskazówki i samouczki wideo

H1 # logo (width: 200px; // width of image height: 100px; // wysokość obrazka background: url (../ path / to / image.jpg.webp); text-indent: -9999px;) Ta technika "

Oto dla Google Code Prettify (znalezionego w tym źródle). .prettyprint (color: # 839496; background-color: # 002b36;) .prettyprint .pln (color: inherit;) "

Strona główna Katalog Cena O Kontakt nav (szerokość: 960px; wysokość: 100px; margines: 120px auto; wyrównanie tekstu: środek;). Top-menu li (display: inline-block; "

Popularną techniką projektowania jest tworzenie kontenera zawartości, który wygląda jak arkusz papieru i układanie pod nim innych arkuszy papieru, dodając warstwowy ”

A (/ * w pełni poprawny adres URL, prawdopodobnie link zewnętrzny * /) a (/ * link do określonej witryny internetowej * /) a, a (/ * wewnętrzny link względny * /) a (/ * link e-mail * /) a (/ * "

P (font-size: 24px! important;) Reguła! important na końcu wartości przesłoni wszelkie inne deklaracje stylu tego atrybutu, w tym wbudowane "

.stitched (padding: 20px; margin: 10px; background: # ff0030; color: #fff; font-size: 21px; font-weight: bold; line-height: 1.3em; border: 2px dashed ”

Działa świetnie, jeśli możesz zastosować stałą wysokość do stopki. Zawartość! Jestem Sticky Footer. * (margin: 0;) html, body (height: 100%;) .page-wrap ("

Otwarcie na Gwiezdne Wojny jest ikoniczne. Efekt przewijania tekstu zarówno w górę, jak i poza ekran był zarówno szalonym, fajnym efektem specjalnym dla filmu z powrotem "

.blood (kolor: srebrny; cień tekstu: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px ”

Zespół programistów Medium omówił kilka złych praktyk, które naruszają dostępność. W jednym przykładzie twierdzą, że krycie nie jest dobrze obsługiwane ”

Tekst zastępczy w wejściach ma (w przeglądarkach implementujących go do tej pory) kolor jasnoszary. Aby nadać mu styl, potrzebujesz właściwości CSS przedrostka dostawcy ”.

Przezroczyste obramowanie wewnętrzne .inner-border (background: # 000; color: #fff; margin: 50px; padding: 15px; position: względna;) .inner-border: before (border: "

Domyślne ustawienie czcionki systemowej określonego systemu operacyjnego może zwiększyć wydajność, ponieważ przeglądarka nie musi pobierać żadnych plików czcionek, tylko „

Nie ma właściwości CSS - krycie tła, ale można to sfałszować, wstawiając pseudoelement ze zwykłym kryciem o dokładnym rozmiarze elementu za "

Cień wzdłuż górnej krawędzi strony internetowej, na przykład: body :: before (content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; "

Jeśli szukasz sposobu na ustawienie typu w pionie, najlepszym rozwiązaniem jest prawdopodobnie tryb pisania CSS. Jeśli próbujesz tylko zmienić tekst, „

Ul (margin: 0.75em 0; padding: 0 1em; list-style: none;) li :: before (content: ""; border-color: transparent # 111; border-style: solid; border-width: "

Treść treści (tło: # e6e6e6;). Narożniki (tło: # f6f6f6; wysokość: 700px; margines: 50px auto; max-width: 600px; position: względna; width: 80%; "

Wymagane są wszystkie poniższe elementy, więc tekst musi znajdować się w jednej prostej linii, która przepełnia pole, w którym to przepełnienie jest ukryte. .truncate (szerokość: "