tekstu - Kurs HTML i CSS
Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>...czego służą arkusze stylów CSS? Arkusze stylów CSS służą do definiowania wyglądu i formatowania elementów HTML, umożliwiając kontrolę nad kolorami tekstu oraz tła, rozmiarami czcionek, marginesami i innymi aspektami prezentacji strony. Który znacznik pozwala na wewnętrzne dodawanie stylów CSS w kodzie HTML? Znacznik <style> pozwala na wewnętrzne dodawanie stylów CSS w kodzie HTML. Jakie są zastosowania osadzonego arkusza stylów? Osadzony arkusz stylów (wewnętrzny) jest przydatny...
- Selektory elementów CSS / Selektor dziecka
...następująca reguła: p > b { color: red } Dzięki temu, jeśli bezpośrednio wewnątrz znacznika p (akapit) znajdzie się znacznik b (czyli pogrubienie tekstu), to zostanie on automatycznie napisany czcionką koloru czerwonego: To jest akapit, a to jest pogrubienie (nie powinno być czerwone) umieszczone wewnątrz p, ale i wewnątrz znacznika pochylenia. Natomiast to jest pogrubienie (powinno być czerwone) umieszczone bezpośrednio wewnątrz znacznika akapitu. Zwróć uwagę na różnice w stosunku do...
- Selektory elementów CSS / Grupowanie selektorów
...dzięki użyciu znaku przecinka, oszczędzamy sobie pisania. Dodatkowo jeśli kiedyś musielibyśmy zmienić ustalony wcześniej dla tych selektorów kolor tekstu, będzie wystarczyło zrobić to tylko w jednym miejscu.
- Selektory atrybutów CSS / Prosty selektor atrybutu
...Na przykład znacznik może być automatycznie napisany czcionką koloru czerwonego, jeśli ma nadany atrybut title="..." (który powoduje wyświetlenie tekstu informacji, po wskazaniu myszką). W tym przypadku nie ma znaczenia jaką wartość ma atrybut, ważne jest jedynie, aby został on nadany. UWAGA! Polecenie nie interpretuje MSIE 6 (od wersji 7 wszystko jest już w porządku) . W języku XHTML wszystkie nazwy atrybutów w selektorach muszą być pisane małymi literami. Przykład Jeśli w arkuszu stylów...
- Czcionki CSS / Rodzaj czcionki {font-family}
...i odpowiedzi {font-family} Co robi "font-family"? Właściwość font-family w CSS definiuje rodzaj czcionki, który ma być używany do wyświetlania tekstu na stronie. Można podać listę nazw rodzajów czcionek, aby przeglądarka wybrała pierwszą dostępną opcję na liście lub zastąpiła ją innym rodzajem czcionki, jeśli wybrana nie jest dostępna. Jak ustawić rodzaj czcionki w CSS? Rodzaj czcionki w CSS można ustawić za pomocą właściwości font-family, która określa preferowany rodzaj czcionki...
- Tekst CSS / Wcięcie w tekście {text-indent}
...pikselach albo w procentach. Na przykład: <p style="text-indent: 20px">...</p> wcięcie o 20 pikseli. Natomiast jeśli chcesz wciąć wszystkie wiersze tekstu w całym akapicie, zastosuj właściwość margin-left.
- Marginesy CSS / Górny margines wewnętrzny {padding-top}
...który właśnie czytasz. A to jest zwykły akapit z tłem, bez określenia jakichkolwiek marginesów. Dlatego jego szerokość wynosi tyle co zwykłego tekstu, a także wewnątrz elementu (prostokąta) nie ma żadnego odstępu.
- Wykazy CSS / Odstęp wyróżnika wykazu {marker-offset}
...być element z ustalonym wyświetlaniem typu marker [zobacz: Wstawianie stylów]. Natomiast "odstęp" oznacza odległość wyróżnika wykazu (markera) od tekstu, znajdującego się w poszczególny punktach. Wartość odstępu należy podać używając jednostek długości. Polecenie to pozwala nam w sposób jawny zdefiniować odstępy markerów od treści wykazu. UWAGA! Polecenie wchodzi w skład CSS 2.0, ale nie CSS 2.1. Nie jest interpretowane! Poniżej znajdziesz opis alternatywnej metody, która pozwala uzyskać...
- Pozycjonowanie CSS / Przyleganie {clear}
...wydawać. Na przykład umieszczamy na stronie opis poparty odpowiednimi ilustracjami, które mają być ułożone po prawej stronie względem otaczającego tekstu (float: right). Jeśli w kodzie źródłowym umieścimy obrazki zbyt blisko siebie, tzn. nie rozdzielimy ich odpowiednio długim tekstem opisu, nie zostaną one ułożone jeden pod drugim - tak jak prawdopodobnie oczekiwaliśmy - lecz obok siebie. Co więcej, ułożenie będzie zależało od rozdzielczości ekranu i rozmiarów okna przeglądarki (w mniejszej...
- Jednostki CSS / Łańcuchy znakowe
...jest bardzo długi, można go przedzielić na dwie linie, ale wtedy trzeba koniecznie postawić na końcu pierwszej linii (w miejscu przedzielenia tekstu) znak odwróconego ukośnika \ (backslash). Po znaku \ ani przed następną linią nie należy już stawiać cudzysłowu. Przykładowo wyrażenie: "1234567890\ 12345" jest równoważne łańcuchowi: "123456789012345" Niestety sposób ten nie zawsze działa poprawnie! W łańcuchach znakowych można wprowadzać znaki ASCII używając notacji: \HEX, gdzie HEX...