akapit - Kurs HTML i CSS
Komendy HTML 4.01 / PAkapit (paragraf). Zobacz więcej... Atrybuty: ALIGN="ustawienie" Poziome ustawienie (wyrównanie) z uwzględnieniem otoczenia (zdeprecjonowane): center - wyśrodkowanie justify - wyrównanie do obu marginesów jednocześnie left - wyrównanie do lewej right - wyrównanie do prawej CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa...
Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type...kolejności. Na przykład, jeśli mamy: <p>...</p> <p>...</p> <div>...</div> <p>...</p>, to :nth-of-type(3) wybierze ostatni element <p> (trzeci akapit), a :nth-child(3) dopasuje element <div> (trzecie dziecko).
- Czcionki CSS / Czcionki osadzone @font-face
...body { font-family: comic; } </style> </head> <body> Ten tekst jest napisany czcionką osadzoną "comic". <p style="font-family: comic">Ten akapit używa czcionki osadzonej "comic".</p> </body> </html> Warto pamiętać, że jeśli chcemy przypisać tak zdefiniowaną czcionkę do wielu elementów na stronie, wystarczy osadzić ją tylko raz (pierwsze polecenie w arkuszu stylów powyżej), a następnie można przypisywać ją dowolną liczbę razy (drugie polecenie). Jako adres URL można podać także...
- Ikony (symbole) / Formatowanie tekstu
...liter match_case match_case Zmienne variables variables Formatuj H2 format_h2 format_h2 Żeton do głosowania voting_chip voting_chip Formatuj akapit format_paragraph format_paragraph Wykres procesu process_chart process_chart Usuń wybór remove_selection remove_selection Zresetuj obraz reset_image reset_image Źródło ramki frame_source frame_source Formatuj obraz po lewej format_image_left format_image_left Media stockowe stock_media stock_media Folder zarządzany folder_managed...
- Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>
...arkusza stylów. Natomiast w miejsce kropek (...) można wpisać dalsze polecenia. Selektorem może być praktycznie dowolny znacznik, np. p (akapit), h1 (tytuł), td (komórka tabeli) i inne. To właśnie elementom, które znajdują się w kodzie źródłowym, pomiędzy tymi znacznikami, nadajemy atrybuty formatowania opisane w arkuszu. Jako "cecha" (w deklaracji stylu - powyżej) należy wpisać o jakie konkretnie atrybuty formatowania nam chodzi (opisane w kolejnych rozdziałach). Natomiast jako...
- Wstawianie stylów CSS / Styl lokalny <... style>
<element style="cecha: wartość; cecha2: wartość2...">...</element> Elementem może być praktycznie dowolny znacznik, np. p (akapit), h1 (tytuł), td (komórka tabeli) i inne. To właśnie elementom znajdującym się pomiędzy tymi znacznikami, nadajemy atrybuty formatowania. Jako "cecha" czy inaczej własność bądź właściwość (ang. "property") należy wpisać o jakie konkretnie atrybuty formatowania nam chodzi (np. kolor tekstu - color). Opis wszystkich cech znajdziesz w następnych rozdziałach. Tutaj...
- Dziedziczenie stylów CSS / Hierarchia elementów
...komórkach (TD) ani w tytule tabeli (CAPTION). Natomiast w MSIE 6 wszystko jest w porządku, ale nie w trybie Quirks. Przykład To jest akapit koloru zielonego, wewnątrz którego znajduje się: pochylenie oraz podkreślenie, którym nie zostały nadane żadne style, a więc dziedziczą je po przodku, czyli po akapicie (są również zielone). A to jest pogrubienie, które znajduje się także wewnątrz tego samego akapitu, ale został mu nadany atrybut koloru czcionki (biały) oraz koloru tła...
- Selektory elementów CSS / Selektor typu
selektor { cecha: wartość } gdzie wyrazem selektor może być praktycznie dowolny znacznik, np. p (akapit), h1 (tytuł), td (komórka tabeli) i inne [zobacz: Wstawianie stylów]. To właśnie elementom znajdującym się pomiędzy tymi znacznikami, nadajemy atrybuty formatowania. Wyrazy "cecha" (ang. property) oraz "wartość" (ang. value) określają atrybuty elementu i zostaną opisane w dalszych rozdziałach. Tutaj będą przedstawione jedynie selektory. Selektor typu jest podstawowym rodzajem selektora...
- Selektory elementów CSS / Reguły stylów
...się z dwóch głównych części: selektora i deklaracji. Selektor wskazuje na element lub elementy, do których reguła ma być zastosowana, np. p oznacza akapit. Deklaracje określają konkretne właściwości i wartości stylów, które mają zostać zastosowane do wybranych elementów, np. color: blue; zmienia kolor tekstu na niebieski.
- Selektory pseudoelementów CSS / Pierwsza litera :first-letter
...Przykład :first-letter Jeżeli w arkuszu stylów została umieszczona następująca reguła: p:first-letter { color: red } to pierwsza litera każdego akapitu będzie mieć czerwony kolor: To jest akapit. Jeśli używasz Internet Explorera 5, wszystkie litery w powyższym akapicie będą tego samego koloru (nie zobaczysz efektu). Natomiast w MSIE 6 wszystko jest w porządku. Inny ciekawy przykład: p:first-letter { color: red; font-family: 'Times New Roman', serif; font-size: 300%; float: left } W...