body color - Kurs HTML i CSS
Komendy HTML 4.01 / Wykaz atrybutów...rozdzielonych odstępami axis TD, TH Lista powiązanych nagłówków rozdzielonych przecinkami background BODY Obrazek w tle dokumentu bgcolor BODY Kolor tła dokumentu bgcolor TABLE Kolor tła komórek tabeli bgcolor TD, TH Kolor tła komórek tabeli bgcolor TR Kolor tła wierszy tabeli border IMG, OBJECT Szerokość obramowania odnośnika border TABLE Szerokość obramowania tabeli cellpadding TABLE Odstępy wewnątrz komórek tabeli cellspacing TABLE...
Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?...stałym ("fixed"). We wcześniejszych wersjach MSIE własność padding nie miała zastosowania do znacznika <img>. W trybie Quirks element body odzwierciedla przestrzeń, w której jest wyświetlany dokument. Szerokość tego elementu była zawsze równa szerokości okna przeglądarki. Marginesy ustalone dla body były ustawiane wewnątrz ramki i suwaków okna. W trybie zgodności ze standardami element body może uzyskać określony rozmiar poprzez jego zawartość albo bezpośrednie ustalenie...
- Tło CSS / Kolor tła {background-color}
selektor { background-color: kolor } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "kolor" należy podać definicję koloru. Wpisanie "transparent" ustali tło przezroczyste. Polecenie umożliwia wstawienie tła o określonym kolorze pod danym elementem (tekstem). Jeśli definiowane własności mają odnosić się do całej strony (np. kolor tła strony), można użyć selektora BODY lub HTML. Przykład...
- Tekst CSS / Kolor tekstu {color}
selektor { color: kolor } 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 "kolor" należy podać definicję koloru. Polecenie pozwala ustalić dowolny kolor tekstu. Jeśli definiowane własności mają odnosić się do całej strony (np. kolor tekstu na całej stronie), można użyć selektora BODY lub HTML. Przykład {color} kolor red kolor #66AAFF kolor #69C kolor rgb(255,33,170)...
Galeria zdjęć HTML / Skrypt galerii zdjęć...GalleryView.prototype.open = function(goBack, goForward, onClose, onLoad) { this.onLoad = onLoad; this._overflow = document.body.style.overflow; document.body.style.overflow = 'hidden'; this.container = this._createContainer(); this.progress = this._createPropress(); this.container.appendChild(this.progress); this.caption = this._createCaption(); this.container.appendChild(this.caption); this.back = this._createNavigation('❮', this.style.back, goBack)...
- Selektory pseudoklas CSS / Atrybut języka :lang
...przez inne źródła, tj. nagłówek HTTP Content-Language, język strony, propagację atrybutu lang="..." przypisanego dla elementu nadrzędnego: <body lang="pl"> <p>Ten akapit jest napisany w języku polskim.<p> </body> /* Ta reguła zostanie zastosowana: */ p:lang(pl) { color: red } /* Ta reguła nie zostanie zastosowana: */ p[lang|="pl"] { color: blue } Przykład :lang Po wpisaniu w arkuszu stylów: p:lang(en) { color: red } div:lang(en) { border: 1px solid red } a następnie w kodzie...
- XHTML / Różnice między HTML 4 a XHTML 1.0
...CSS</title> <style type="text/css" id="internalStyle"> code { color: green; font-family: monospace; font-weight: bold; } </style> </head> <body> <p> To jest tekst, który używa naszego <code>wewnętrznego arkusza stylów</code>. </p> </body> </html> Wyświetlenie dokumentu XHTML jako czystego XML wywoła tak duże błędy w prezentacji strony, że właściwie będzie ona zupełnie nieczytelna: większość elementów błędnie wystylizowanych, a cały tekst umieszczony w jednym długim akapicie! W...
- Marginesy CSS / Górny margines wewnętrzny {padding-top}
...strona posiada domyślnie ustalone niezerowe marginesy wewnętrzne. Jeżeli chcemy je zlikwidować, należy do selektora BODY przypisać następujący styl: body { padding: 0 } Przykład {padding-top} Tekst w tej komórce tabeli jest oddalony od górnego brzegu obramowania o 1cm (padding-top: 1cm) Rzeczywiście w wielu przypadkach, praktycznie nie można ich odróżnić, np.: Dla tego akapitu został określony margines wewnętrzny po lewej stronie, który wygląda tak samo, jak zwykły margines (margin)...
- Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset
...rozdział HTML5: Wstępne ładowanie, Priorytet ładowania. Przykład <link "stylesheet"> A oto przykładowy zewnętrzny arkusz stylów: /* SELEKTORY: */ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #003868; background-color: #80B8E8; margin: 6mm; } p { text-align: justify; } pre, code { font-size: 8pt; } Strona kodowa @charset Jeżeli arkusz stylów zawiera narodowe znaki diakrytyczne, konieczne może być określenie strony kodowej. Można to zrobić...
- Podcast HTML / #9 HTML5
...przy tworzeniu dużych klikalnych obszarów, np. dla całego artykułu. Zmiana elementu <address>: odnosi się do najbliższego elementu <article> lub <body>, w którym został wstawiony, i może zawierać elementy blokowe (z pewnymi wyjątkami). <i>: oznacza np. termin techniczny, idiom z innego języka lub fragment wtrąconego tekstu. <strong>: oznacza wysoką ważność, a nie mocne wyróżnienie tekstu. Przestarzałe elementy: elementy formatujące, których funkcję przejęły style CSS, zostały wycofane...