Archiwum kategorii ‘CSS’

Tabelki w HTML – stosować czy nie?

niedziela, 23 Marzec 2008

Od dłuższego już czasu w środowisku webmasterskim toczy się swoista wojna zwolenników tabelek z ich przeciwnikami. Chodzi tutaj o rozstrzygnięcie czy strony powinno się robić na tabelkach, czy raczej pozbyć się zupełnie tabelek i tworzyć wszystko na <div>-ach. Zwolennicy divów argumentują że takie strony są bardziej semantyczne, są przyjaźniejsze dla wyszukiwarek i mniej ważą. Z kolei zwolennicy tabelek twierdzą że są one prostsze w użyciu.

Prawda pewnie leży gdzieś pośrodku – stosowanie divów pozwala na stworzenie mniejszej i badziej przyjaznej dla wyszukiwarek strony, ale z kolei jest to trudniejsze. Z tabelkami jest odwrotnie. Warto dlatego poznać obydwa zagadnienia – w przeciwnym wypadku będzie dochodzić do takich absurdów jak próba robienia planszy do gry online na divach bo tabelki są “złe”.

Tagi:, , ,
Zaszufladkowany do CSS, HTML | 1 komentarz »

Jak zamienić znacznik na CSS

środa, 19 Marzec 2008

Znacznik <font> jest jednym ze znaczników które zostały oznaczone jako deprecated (czyli do usunięcia w przyszłości) w standardzie HTML 4.01. Dlatego też niezwykle istotne jest aby tworząc strony internetowe być w zgodzie ze standardami i zamiast tego znacznika zastosować odpowiadające mu funkcjonalnie elementy kaskadowych arkuszy stylów CSS.

Znacznik <font> pozwalał na ustawienie trzech parametrów tekstu: nazwy używanej czcionki, jej rozmiar i kolor.

Nazwę czcionki ustala się  za pomocą komendy CSS font-family. Komenda ta ma tą zaletę że po dwukropku można podać kilka nazw czcionek, a przeglądarka postara się wybrać pierwszą dostępną z nich. Przykład:

font-family: Verdana, Arial, Helvetica;

Rozmiar czcionki podaje się za pomocą komendy CSS font-size. Po dwukropku można podać pewną predefiniowaną nazwę wielkości (jest ich siedem, podobnie jak rozmiarów czcionek w HTML, ale nie są one równoważne – największy predefiniowany rozmiar czcionki CSS odpowiada w przybliżeniu rozmiarowi 6 w HTML). Poza nazwą wielkości można też podać rozmiar w pikselach, procentach, punktach i kilku innych jednostkach. Odradzam stosowanie pikseli jako jednostki gdyż taki tekst nie da się później powiększyć w przeglądarce – niestety nie każdy ma taki super wzrok jak autor strony który potrafi odczytać nawet tekst o wielkości 4 pikseli ;) . Przykład zastosowania:

font-size: 10pt;

Kolor czcionki można natomiast podać za pomocą komendy CSS color. Po dwukropku można podać nazwę koloru albo jego kod szesnastkowy – tutaj nie ma zmian. Przykład:

color: #0000ff;

Tagi:, ,
Zaszufladkowany do CSS, HTML | 1 komentarz »