content - Kurs HTML i CSS
Typy MIME / Multipurpose Internet Mail ExtensionsSpis treści Typy MIME Typy mediów Podtypy mediów Drzewa rejestracji Składnia strukturalna Typy MIME MIME to skrót od Multipurpose Internet Mail Extensions - czyli Uniwersalne Internetowe Rozszerzenia Poczty. Jest to internetowy standard zaprojektowany pierwotnie do obsługi przesyłania plików w listach poczty elektronicznej. Rozwinął się on jednak na tyle, że aktualnie jest niekwestionowanym standardem we wszystkich usługach internetowych, gdzie podstawowym zadaniem było przesyłanie...
- HTML5 / Nowe atrybuty HTML5
...lub rel="expect"), SCRIPT, STYLE Czy element może potencjalnie blokować wyświetlanie charset META Deklaracja strony kodowej contenteditable Wszystkie elementy Czy element jest edytowalny crossorigin AUDIO, IMG, LINK, SCRIPT, VIDEO Sposób, w jaki element obsługuje żądania z mechanizmem CORS (ang. Cross-Origin Resource Sharing) data-... Wszystkie elementy Niestandardowe atrybuty danych decoding IMG Wskazówka dotycząca dekodowania używana podczas...
Kaskadowe Arkusze Stylów / Cascading Style SheetsSpis treści Kaskadowe Arkusze Stylów Źródła Kaskadowe Arkusze Stylów CSS - Cascading Style Sheets (z ang. Kaskadowe Arkusze Stylów) jest to specjalny język opracowany tylko w jednym celu: stworzenie możliwości bardziej elastycznego zarządzania sposobem formatowania (wyglądem) elementów znajdujących się w dokumentach elektronicznych. CSS nie może zatem istnieć samodzielnie, gdyż jest ściśle powiązane z językiem opisu struktury dokumentów takim jak HTML. CSS daje możliwość globalnego...
- Selektory pseudoklas CSS / Atrybut języka :lang
selektor:lang(język) { cecha: wartość } Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów]. Jako "język" należy wpisać nazwę języka, np. pl - polski, en - angielski). Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Polecenie pozwala nadać określone atrybuty formatowania dla elementów, którym został nadany z poziomu HTML atrybut języka lang="..." [zobacz: Skróty nazw języków]. Różnica...
- Selektory pseudoklas CSS / Łączenie selektorów
...Wskaż poniższy obrazek myszką: Inny ciekawy przykład - tym razem z automatycznym generowaniem zawartości: a.przyklad_selektory4:hover:after { content: "Rollover"; position: absolute; color: #000; background-color: #eee; font-size: 10px; border-width: 1px 2px 2px 1px; border-style: solid; border-color: #888; padding: 1px 5px } Jeśli wskażesz ten odsyłacz myszką, powinien pojawić się zaraz za nim nowy element z napisem "Rollover". A oto bardziej zaawansowany przykład...
- CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">
...pomiędzy znacznikami <head> oraz </head> - jedną dodatkową linijkę: <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="description" content="Tu wpisz opis zawartości strony"> <title>Tu wpisz tytuł strony</title> <link rel="stylesheet" href="style.css"> </head> <body> Tu wpisuje się treść strony </body> </html> Dzięki znacznikowi <link> do dokumentu zostanie automatycznie dołączony arkusz stylów. W nim właśnie wpisuje się wszystkie polecenia zmieniające wygląd strony...
- Komendy CSS3 / Przekształcenia CSS
...kolumn tabeli Dziedziczenie nie Procenty odnosi się do rozmiaru obszaru odniesienia transform-box Obszar odniesienia przekształcenia Wartość content-box | border-box | fill-box | stroke-box | view-box Inicjalizacja view-box Zastosowanie przekształcalne elementy - tzn. takie, których ułożenie jest kontrolowane przez CSS z wyjątkiem nie-zastępowanych elementów inline, kolumn i grup kolumn tabeli Dziedziczenie nie Procenty nie transform-origin Początek przekształcenia Wartość...
Ochrona strony...grafiki na dysku. Dla wszystkich zdjęć na stronie (wstaw w nagłówku dokumentu - <head>...</head> - poniższy kod): <meta http-equiv="Imagetoolbar" content="no"> Tylko dla wybranych zdjęć: <img src="zdjecie.jpg" alt="Tekst alternatywny" galleryimg="no"> Blokada klawisza Print Screen Klawisza Print Screen umożliwia wykonanie prostego zrzutu ekranu i późniejszego wklejenia do programu graficznego. Należy wstawić do dokumentu specjalny kod w następujący sposób: <html> <head> <script> var...