color - Kurs HTML i CSS
Formularze HTML / Przykład formularza HTML...różnej długości opisów. Na przykład po wpisaniu: <form action="mailto:e-mail" method="post" enctype="text/plain"><div> <table style="background-color: silver"> <tr> <td>Imię:</td><td><input type="text" name="imie"></td> </tr> <tr> <td>Nazwisko:</td><td><input type="text" name="nazwisko"></td> </tr> <tr> <td colspan="2" style="text-align: center"><br> <input type="submit" value="Wyślij"> <input type="reset" value="Wyczyść"> </td> </tr> </table> </div></form> otrzymamy: Imię...
Komendy CSS 2 / outlineWARTOŚĆ [ <'outline-color'> || <'outline-style'> || <'outline-width'> ] | inherit OPIS Atrybuty mieszane obrysu INICJALIZACJA zobacz cechy indywidualne ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual, interactive
- XHTML / Różnice między HTML 4 a XHTML 1.0
...lang="pl"> <head> <title>Przykład wewnętrznego arkusza 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...
- HTML5 / Walidacja pól formularza <input pattern>
...danych. Jeśli jednak chcemy wymusić wypełnienie pola, trzeba dodatkowo użyć atrybutu required. Do walidacji wybranych standardowych typów wartości (color, date, datetime-local, email, month, number, range, time, url, week) warto skorzystać z podstawowej wersji pola formularza. Pozwoli to nie tylko prawidłowo zweryfikować poprawność wprowadzanych danych, ale również w wielu przypadkach udostępni użytkownikowi specjalną wersję kontrolki ułatwiającej wybór wartości. Ponadto urządzenia mobilne...
- Wstawianie stylów CSS / Rozciąganie stylu <span style>
...selektorowi możemy nadać kilka atrybutów (cech). Są one wtedy rozdzielone średnikami. Przykład <span style> Po wpisaniu w edytorze: <span style="color: red"> <b>To jest pogrubienie (element wyświetlany w linii) w ramach SPAN</b>, a to jest zwykły tekst - również wewnątrz span. </span> Otrzymamy: To jest pogrubienie (element wyświetlany w linii) w ramach SPAN, a to jest zwykły tekst - również wewnątrz SPAN. Pytania i odpowiedzi <span style> Do czego służy znacznik SPAN? Znacznik...
Skórki...rozdzielenie struktury i prezentacji dokumentów. To oznacza m.in., że powinno się unikać znaczników i atrybutów formatujących takich jak <font color="...">...</font>, a także stylów inline, czyli atrybutu style="...". Dobrze jest zdefiniować odpowiedni zestaw klas CSS. Trzeba sobie uzmysłowić, że wszystko co będziemy mogli zmienić w nowej skórce, ogranicza się do zewnętrznego arkusza stylów, czyli pliku style.css. Jeżeli formatowanie ważnych elementów serwisu będzie przeniesione...
- Selektory elementów CSS / Selektor typu
...XHTML wszystkie selektory muszą być pisane małymi literami. Przykład Załóżmy że w arkuszu stylów została umieszczona następująca reguła: h6 { color: red } Jak widać jest to selektor typu (podstawowy). Dzięki niemu wystarczyłoby teraz napisać: <h6>To jest tytuł rzędu szóstego</h6> aby otrzymać tytuł, napisany czerwoną czcionką (red). Pytania i odpowiedzi Co to jest selektor CSS? Selektor CSS to wzorzec lub nazwa, która określa zbiór elementów HTML, do których ma być zastosowana dana...
- Selektory elementów CSS / Selektor dziecka
...MSIE 6 (od wersji 7 wszystko jest już w porządku). Przykład Załóżmy, że w arkuszu stylów strony została umieszczona następująca reguła: p > b { color: red } Dzięki temu, jeśli bezpośrednio wewnątrz znacznika p (akapit) znajdzie się znacznik b (czyli pogrubienie tekstu), to zostanie on automatycznie napisany czcionką koloru czerwonego: To jest akapit, a to jest pogrubienie (nie powinno być czerwone) umieszczone wewnątrz p, ale i wewnątrz znacznika pochylenia. Natomiast to jest pogrubienie...
- Selektory elementów CSS / Selektor braci
...MSIE 6 (od wersji 7 wszystko jest już w porządku). Przykład Załóżmy, że w arkuszu stylów strony została umieszczona następująca reguła: i + b { color: red } Dzięki temu, jeśli wewnątrz tego samego znacznika (rodzica), będą znajdowały się po sobie znaczniki i oraz b, to ten drugi uzyska określone atrybuty: To jest akapit, wewnątrz którego znajduje się: pochylenie (nie powinno być czerwone) oraz pogrubienie (powinno być czerwone) (zwróć uwagę, że pomiędzy znacznikami jest zwykły tekst...
- Selektory elementów CSS / Ogólny selektor braci
...typu - zostaną pominięte. Nie obsługuje MSIE 6.0!. Przykład Załóżmy, że w arkuszu stylów strony została umieszczona następująca reguła: i ~ b { color: red } Dzięki temu, jeśli wewnątrz tego samego znacznika (rodzica), będą znajdowały się znaczniki i oraz b, to te drugie uzyskają określone atrybuty: To jest akapit, wewnątrz którego znajduje się: pochylenie (nie powinno być czerwone), klawiatura (nie powinien być czerwony) oraz pogrubienie (powinno być czerwone)... następne pogrubienie...