Warning: file_get_contents(http://graph.facebook.com/http://youthcoders.net/html-css/kurs-css/46-wlasciwosci-tabel-w-css.html): failed to open stream: HTTP request failed! HTTP/1.0 403 Forbidden in /var/www/old-yc/plugins/content/addthis.php on line 38
Opis właściwości tabel w CSS |
Wpisany przez Patryk yarpo Jar | |||
piątek, 18 września 2009 03:01 | |||
Jak już mogłeś spostrzec na poprzednich lekcjach do opisywania tabeli nadal używałem html-a. Dlaczego? Dlatego, że rzadko zdarza się, by na stronie trafiły się 2 takie same tabele. Poza tym opisywanie tamtych właściwości nie jest krótsze w CSS niż w HTML. Po trzecie, z przyzwyczajenia. Procent udziału CSS w opisie wyglądzu strony będzie różny dla różnych witryn. Na tej lekcji nauczysz się jak opisywać tabele, bo mimo wszystko czasem będziesz tego używał, nawet na tym kursie. Zmiany w pliku 'style.css':Opis: 1 - Zaczyna deklarować komórkę. Każda komórka będzie mieć jej właściwości (o ile w klasie nie będzie to zmienione - potęga dziedziczenia!). 2 - Pionowe wypozycjonowanie ustalam na 'top' [góra], czyli cała treść każdej komórki będzie podsuwana do samej góry (komórki). 3 - Określam właściwości obramowania komórki. Każdą stronę opisuję osobno [ 4 - Określam szerokość komórki w pixelach. Można także określić wysokość - 5 - Kolor tła, sposób określania identyczny jak w przypadku określania tła całej strony. 6 - Padding, czyli odległość wypełnienia komórki od obramowania. Okraślane kolejno strony wg schematu: Jednostki [wartości przykładowe]: - procent, zapis: Typy obramowań:- żadne, zapis: Masz już w tej chwili gotowe style dla prawie wszystkich tabel. Teraz czas dodać kilka słów do pliku 'index.htm'. Aby wszystko działało jak trzeba to musisz: Na razie nic nie wpisuj do ostatniej tabeli. Zapisz wszystko i obejrzyj efekt. Jeśli nic nie będzie widoczne, to powpisuj do poszczególnych komórek jakiekolwiek napisy, np. 'Hello world!'. Lub nazywam się Bond:-)
|