podanie - Kurs HTML i CSS
Czcionki CSS / Rodzaj czcionki {font-family}Spis treści {font-family} Rodzaj czcionki {font-family} Rodziny ogólne {font-family: serif sans-serif monospace cursive fantasy} Rodzaj czcionki {font-family} selektor { font-family: rodzaj, rodzaj1, rodzaj2,... } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rodzaj, rodzaj1, rodzaj2,..." należy podać rodzaje czcionek. Podanie kilku rodzajów spowoduje, że jeśli...
- Tło CSS / Tło obrazkowe {background-image}
...zostanie ona zastąpiona podanym kolorem. Jeśli kolor tekstu elementu z tłem obrazkowym jest zbliżony do domyślnego koloru tła strony, wskazane jest podanie dodatkowo takiego koloru tła dla tego elementu, aby tekst był na nim czytelny. Jeżeli tego nie zrobimy, a obrazek nie zostanie wyświetlony, może wystąpić sytuacja typu: "biały tekst na białym tle". Może się to zdarzyć np. gdy obrazek w tle strony jest dość ciemny. Wtedy określa się zwykle jasny kolor tekstu, zapominając podać równocześnie...
- Marginesy CSS / Atrybuty mieszane marginesu wewnętrznego {padding}
...jak przy atrybutach mieszanych zwykłego marginesu. Pozwala wprowadzić jednocześnie kilka wartości marginesów wewnętrznych. Możliwe jest przy tym podanie: jednej wartości - dla wszystkich marginesów wewnętrznych naraz dwóch wartości - osobno kolejno dla marginesów: pionowych i poziomych trzech wartości - pierwsza określa górny margines wewnętrzny, druga - jednocześnie oba poziome (lewy i prawy), a ostatnia - dolny czterech wartości - osobno dla kolejnych marginesów (górny prawy dolny...
- Tło CSS / Atrybuty mieszane tła {background}
...że o ile w tle jednego elementu może być wstawionych kilka obrazków, to ustawienie więcej niż jednego jednolitego koloru tła nie ma sensu. Dlatego podanie jednolitego koloru tła jest dozwolone tylko jeden raz - na samym końcu, tzn. dla ostatniego elementu listy atrybutów mieszanych: div { background: url(obrazek1.jpg), url(obrazek2.jpg), url(obrazek3.jpg) red }
- Obramowanie CSS / Atrybuty mieszane stylu obramowania {border-style}
...jak w przypadku stylu pojedynczego obramowania. Polecenie pozwala ustalić kilka wartości stylu obramowania jednocześnie. Możliwe jest przy tym podanie: jednej wartości - dla wszystkich krawędzi naraz dwóch wartości - osobno dla krawędzi poziomych i pionowych trzech wartości - pierwsza określa górną krawędź, druga - jednocześnie obie pionowe, a ostatnia - dolną czterech wartości - osobno dla kolejnych krawędzi (górna prawa dolna lewa) Przy tworzeniu obramowania możesz również...
- Obramowanie CSS / Atrybuty mieszane szerokości obramowania {border-width}
...[Zobacz także: Wstawianie stylów] Polecenie pozwala ustalić kilka wartości szerokości obramowania jednocześnie. Możliwe jest przy tym podanie: jednej wartości - dla wszystkich krawędzi naraz dwóch wartości - osobno dla krawędzi poziomych i pionowych trzech wartości - pierwsza określa górną krawędź, druga - jednocześnie obie pionowe, a ostatnia - dolną czterech wartości - osobno dla kolejnych krawędzi (górna prawa dolna lewa) Przy tworzeniu obramowania możesz również...
- Obramowanie CSS / Atrybuty mieszane koloru obramowania {border-color}
...[Zobacz także: Wstawianie stylów] Polecenie pozwala ustalić kilka wartości kolorów obramowania jednocześnie. Możliwe jest przy tym podanie: jednej wartości - dla wszystkich krawędzi naraz dwóch wartości - osobno dla krawędzi poziomych i pionowych trzech wartości - pierwsza określa górną krawędź, druga - jednocześnie obie pionowe, a ostatnia - dolną czterech wartości - osobno dla kolejnych krawędzi (górna prawa dolna lewa) Przy tworzeniu obramowania możesz również...
- Obramowanie CSS / Zaokrąglenie obramowania {border-...-radius}
...określa promień wyrażony w jednostkach długości albo w procentach (względem obszaru obramowania - zobacz: Model pudełkowy). Możliwe jest tutaj podanie: jednej wartości - zaokrąglenie symetryczne dwóch wartości - pierwsza określa poziomy promień ćwiartki elipsy zaokrąglenia, a druga - pionowy Źródło: CSS Backgrounds and Borders Module Level 3 Zaokrąglone narożniki to bardzo ciekawy efekt wizualny, który może zwiększyć estetykę strony. Co ciekawe, element wcale nie musi mieć...
- Obramowanie CSS / Atrybuty mieszane zaokrąglenia obramowania {border-radius}
...górne-prawe, dolne-prawe, dolne-lewe). Polecenie pozwala ustalić kilka wartości promieni zaokrąglenia jednocześnie. Możliwe jest przy tym podanie: zaokrąglenie symetryczne - promień pionowy będzie taki sam jak poziomy (np.: "5px 10px 15px 20px") zaokrąglenie niesymetryczne - pionowe promienie zaokrąglenia można podawać po znaku ukośnika (np.: "5px 10px 15px 20px / 20px 15px 10px 5px") Pominięcie wybranych wartości (zarówno w przypadku pierwszego jak i drugiego sposobu)...
- Obramowanie CSS / Szerokość obramowania obrazkowego {border-image-width}
...lub jako liczba naturalna (podająca wielokrotność szerokości obramowania). Wpisanie auto ustali wartość automatyczną. Możliwe jest przy tym podanie: jednej wartości - określa jednakową szerokość wszystkich krawędzi dwóch wartości - pierwsza określa szerokość górnej i dolnej krawędzi, natomiast druga - lewej i prawej trzech wartości - pierwsza określa szerokość górnej krawędzi, druga - lewej i prawej, natomiast trzecia - dolnej czterech wartości - ustala oddzielne szerokości...