selektor atrybutem - Kurs HTML i CSS
Selektory atrybutów CSS / Selektor atrybutu o wartości kończącej się na...(CSS 3 - interpretuje: Chrome 4, Firefox 3.5, Edge 12, Opera 10, Safari 3.2) selektor[atrybut$="koniec"] { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Atrybut oznacza konkretny parametr nadany znacznikowi z poziomu HTML (np. atrybut title="..."). "Koniec" to określony tekst, którym kończy się wartość atrybutu. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez...
- CSS dla zielonych / Klasy selektorów CSS <div class>
...pewne powtarzające się elementy. Może to być np. menu nawigacyjne, nagłówek czy stopka serwisu. W jaki sposób ustalać im wygląd? Do tej pory jako selektorów używaliśmy nazw znaczników. Jednak w języku HTML istnieje ściśle określona lista znaczników i nie możemy definiować sobie nowego za każdym razem, kiedy potrzebujemy wstawić na stronie kolejny powtarzający się element. Robi się to w inny sposób - korzystając z tzw. klas selektorów. Załóżmy, że mamy na stronie menu nawigacyjne, któremu...
Podcast HTML / #8 Formularze HTML...do odczytu (readonly) lub zablokowane (disabled). Selektor plików Umożliwia użytkownikowi wybranie pliku ze swojego dysku lokalnego. Wprowadza selektor składający się z pola tekstowego na ścieżkę dostępu i przycisku do przeszukania dysku. Wprowadzenie selektora: <form action="..." enctype="multipart/form-data"><input type="file" name="nazwa"></form>. Atrybut enctype="multipart/form-data" jest konieczny do wysyłania plików w załączniku, np. w skryptach PHP. Filtr typu plików: za pomocą...
- Selektory pseudoklas CSS / Tylko do odczytu :read-only :read-write
(CSS 3 - interpretuje Firefox 78, Opera 23, Chrome 36) Pole tylko do odczytu: selektor:read-only { cecha: wartość } Pole do odczytu i do zapisu: selektor:read-write { cecha: wartość } Selektorem powinny być pola formularza, którym można przypisać atrybut readonly="..." [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Niektóre pola formularza (pole tekstowe, hasło...
- Dobre praktyki / CSS Zorientowane Obiektowo
...takich obiektów, a nie poszczególnych znaczników występujących w kodzie źródłowym dokumentu. Pojedynczemu obiektowi zwykle odpowiada klasa CSS albo selektor identyfikatora: #Header { /* nagłówek */ } .Menu { /* menu */ } .Article { /* artykuł */ } #Footer { /* stopka */ } Warto zwrócić uwagę, że w przypadku stosowania systemów parsowania szablonów na serwerze (np. w języku PHP), każdy obiekt jest kandydatem na zapisanie jego znaczników w osobnym pliku szablonu...
- Selektory pseudoklas CSS / Atrybut języka :lang
selektor:lang(język) { cecha: wartość } Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów]. Jako "język" należy wpisać nazwę języka, np. pl - polski, en - angielski). Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Polecenie pozwala nadać określone atrybuty formatowania dla elementów, którym został nadany z poziomu HTML atrybut języka lang="..." [zobacz: Skróty nazw języków]. Różnica...