wstawianie stylu - Kurs HTML i CSS
Pozycjonowanie CSS / Pozycja statyczna {position: static}...ogólnej deklaracji pozycjonowania, umieszczonej w arkuszu stylów. Wystarczy wtedy, dla wybranych elementów strony, umieścić powyższe polecenie w stylu inline. Spowoduje to usunięcie pozycjonowania dla tych elementów, a jednocześnie utrzymanie dla innych (tego samego typu). Przykład {position: static} Gdyby w arkuszu stylów tej strony [zobacz: Wstawianie stylów], została umieszczona taka linijka: h1 { position: relative; left: 50% } to teraz wszystkie tytuły h1 byłyby pozycjonowane...
- Selektory elementów CSS / Grupowanie selektorów
...cecha" oraz "wartość" określają atrybuty elementu i zostaną opisane w dalszych rozdziałach [zobacz także: Wstawianie stylów]. Taka deklaracja stylu pozwala nadać te same wartości atrybutów kilku różnym selektorom jednocześnie (bez względu na ich położenie w hierarchii drzewa dokumentu). Oznacza to, że zamiast wpisywać kilka razy te same deklaracje, wystarczy wymienić dowolną liczbę selektorów po przecinku i jednorazowo przypisać im wszystkim ten sam styl. Przykład Jeśli w...
- Selektory pseudoelementów CSS / Przed... :before
...zawartością elementu wartości wybranego atrybutu, który został przypisany z poziomu HTML elementowi, na który wskazuje selektor prosty w regule stylu: selektor:before { content: attr(atrybut) } Jeżeli element nie będzie posiadał podanego atrybutu, zostanie wstawiona wartość pusta. Przykład :before {content: attr} p:before { content: "Ten element posiada atrybut title o wartości: " attr(title) ". "; color: red } To jest akapit z atrybutem title. Pytania i odpowiedzi :before Co...
- Selektory specjalne CSS / Selektor identyfikatora <... id>
...{ color: red } To jest pogrubienie, któremu został nadany identyfikator id="przyklad_uniwersalny". W tym przypadku gwiazdkę (*) w regule stylu można pominąć: #przyklad_uniwersalny { color: red } Pytania i odpowiedzi <... id> Co to identyfikator CSS? Identyfikator CSS to nazwa, która jest przypisana do konkretnego elementu HTML na stronie. Jest to unikalny identyfikator, który może być używany do stylizacji lub manipulacji tym konkretnym elementem za pomocą CSS lub...
- Selektory pseudoelementów CSS / Po... :after
...zawartości elementu wartości wybranego atrybutu, który został przypisany z poziomu HTML elementowi, na który wskazuje selektor prosty w regule stylu: selektor:after { content: attr(atrybut) } Jeżeli element nie będzie posiadał podanego atrybutu, zostanie wstawiona wartość pusta. Przykład :after {content: attr} p:after { content: "Ten element posiada atrybut title o wartości: " attr(title) ". "; color: red } To jest akapit z atrybutem title.
- Selektory pseudoklas CSS / Odsyłacz podstawowy :link
...na stronie czyli takich, które nie zostały jeszcze odwiedzone przez użytkownika. Ponieważ pseudoklasa :link odnosi się tylko do odsyłaczy, w regule stylu można pominąć selektor elementu a: :link { cecha: wartość } Przykład :link Jeżeli nie byłeś jeszcze na stronie głównej organizacji W3C, to ten odsyłacz powinien być pogrubiony. Pytania i odpowiedzi Jak wstawić odsyłacz? Odsyłacz w HTML wstawiamy za pomocą znacznika <a href="...">...</a>, gdzie atrybut href="..." określa adres...
- Selektory pseudoklas CSS / Odsyłacz odwiedzony :visited
...dla wszystkich odsyłaczy, które zostały już odwiedzone przez użytkownika. Ponieważ pseudoklasa :visited odnosi się tylko do odsyłaczy, w regule stylu można pominąć selektor elementu a: :visited { cecha: wartość } Przykład :visited Jeżeli byłeś już na stronie głównej organizacji W3C, to ten odsyłacz powinien być pogrubiony.
- Czcionki CSS / Styl czcionki {font-style}
...w CSS? Aby zmienić styl czcionki w CSS, można użyć właściwości font-style i przypisać jej wartość italic dla kursywy lub normal dla standardowego stylu. Jak zrobić kursywę w CSS? Aby zastosować kursywę w CSS, użyj właściwości font-style i ustaw wartość italic dla tekstu. Na przykład: "font-style: italic".
- Tekst CSS / Wysokość linii tekstu {line-height}
...(np. piksele) lub procentów. Jaki powinien być odstęp między wierszami? Odpowiedni odstęp między wierszami zależy od wielkości czcionki, stylu tekstu i preferencji projektowych. Zazwyczaj wartość odstępu mieści się w zakresie od 1.2 do 1.6, gdzie 1 oznacza normalną interlinię. Wartość większa niż 1.6 może ułatwić czytanie, a mniejsza niż 1.2 zwiększyć zagęszczenie tekstu.
- Wykazy CSS / Wyróżnik obrazkowy wykazu {list-style-image}
...własne. Sprawi to, że nasza strona będzie wyglądała bardziej oryginalnie i estetycznie. Wspólnie z tą własnością można również podać dodatkowo typ stylu. W takim przypadku, jeśli obrazek będzie niedostępny lub użytkownik wyłączy wyświetlanie obrazów, wykaz przyjmie podany typ. Przykład {list-style-image} list-style-image: url(minus.gif) Punkt pierwszy Punkt drugi Punkt trzeci