Przejdź do treści

zmiana - Kurs HTML i CSS

  • CSS
    Wstawianie stylów CSS / Alternatywny arkusz stylów <link "alternate stylesheet">

    ...zapewnić użytkownikom możliwość dopasowania jej do własnych oczekiwań. Aby dodać nowy wygląd, wystarczy tylko przygotować dodatkowy plik *.css, a zmiana treści serwisu nie będzie wymagała żadnych modyfikacji wyglądu poszczególnych stylów. Jeśli chcemy, aby niektóre arkusze nie były dostępne do podmiany przez użytkownika, wystarczy osadzić je w tradycyjny sposób, tzn. jako arkusze domyślne bez podania atrybutu title="...". Taki arkusz domyślny, nawet po wyborze przez użytkownika arkusza...

  • CSS
    Selektory atrybutów CSS / Selektor atrybutu o określonej wartości

    ...akapit, któremu został nadany atrybut title="Akapit" oraz lang="pl" (nie powinien być czerwony). Inne przydatne zastosowanie tego selektora to np. zmiana sposobu formatowania elementów formularzy. Niemal wszystkie kontrolki formularza są tworzone przy użyciu znacznika <input type="...">. O tym jaki rodzaj pola zobaczymy na ekranie, decyduje atrybut type="...". Jeśli chcielibyśmy zmienić rodzaj obramowania dla wszytkich pól tekstowych (type="text"), tak aby nie wpłynęło to na pola innego typu...

  • CSS
    Selektory pseudoklas CSS / Wskazanie myszką :hover

    ...najedzie na element myszką. Można ją wykorzystać do definiowania stylów dla efektów wizualnych podczas interakcji z elementami, takimi jak zmiana koloru linku po najechaniu.

  • CSS
    Selektory pseudoklas CSS / Łączenie selektorów

    Na koniec warto wspomnieć o jeszcze jednej przydatnej własności selektorów CSS. Jak się można było przekonać, rodzajów selektorów jest bardzo wiele - każdy przeznaczony do innego celu. Co jednak zrobić, jeżeli potrzebujemy w jednej regule stylu zastosować kilka selektorów prostych? Czy jest to w ogóle możliwe? Oczywiście, że tak. Wystarczy po prostu wpisać je jeden po drugim (bez żadnych odstępów) w następującej kolejności: selektor typu lub selektor uniwersalny selektory atrybutów...

  • CSS
    Tekst CSS / Transformacja tekstu {text-transform}

    ...i odpowiedzi {text-transform} Co robi "text-transform"? Właściwość CSS text-transform służy do kontrolowania transformacji tekstu, takiej jak zmiana wszystkich liter na wielkie litery, małe litery lub pierwsze litery słów na wielkie litery. Jak zrobić duże litery CSS? Aby przekształcić tekst na duże litery w CSS, możesz użyć właściwości text-transform i ustawić jej wartość na uppercase. Na przykład: <p style="text-transform: uppercase">...</p>. To spowoduje, że wszystkie litery w...

  • CSS
    Czcionki CSS / Atrybuty mieszane czcionki {font}

    Spis treści {font} Atrybuty mieszane czcionki {font} Czcionki systemowe {font: caption icon menu message-box small-caption status-bar} Atrybuty mieszane czcionki {font} selektor { font: wartości atrybutów } 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 "wartości atrybutów" należy wpisać wybrane wartości cech dotyczących czcionek, które będą oddzielone od siebie spacjami...

  • CSS
    Drukowanie CSS / Po co drukować strony internetowe?

    Spis treści Drukowanie stron internetowych Dlaczego warto korzystać z CSS do stylowania wydruku? Wydruk w erze cyfrowej Jakie możliwości daje CSS w kontekście wydruku? Kompletny przewodnik po stylowaniu wydruku za pomocą CSS Drukowanie stron internetowych Język CSS jest przede wszystkim narzędziem do projektowania wizualnego stron internetowych na ekranach komputerów, tabletów i smartfonów. Jednakże jego możliwości wykraczają poza ten obszar. CSS pozwala również na precyzyjne...

  • CSS
    Jednostki CSS / Długość

    ...2 * 10 = 320px (16px pochodzi o wysokości czcionki korzenia, 2 to względna wysokość czcionki <body>, a 10 - ustalona szerokość bloku). Jak widać, zmiana rozmiaru czcionki dla elementu <body> albo wstawienie dodatkowego potomka z ustaloną wielkością cziconki może nam w tym przypadku całkowicie popsuć wygląd strony, wpływając w niełatwy do przewidzenia sposób na szerokość naszego bloku. Taka sytuacja nie będzie miała jednak miejsca, jeśli zamiast tego wpiszemy "width: 20rem" (16px * 20...

  • CSS
    Menu w CSS / Rozdzielenia struktury i prezentacji dokumentu

    ...którzy do czytania stron internetowych używają syntezatorów mowy. Do tworzenia menu na pewno nie nadaje się znacznik <br>, ponieważ wtedy zmiana wyglądu za pomocą CSS byłaby możliwa tylko w niewielkim stopniu - nie można by np. stworzyć menu poziomego. Nie jest również dobrym pomysłem zastąpienie listy zwykłymi elementami <div>...</div>, ponieważ w przeciwieństwie do listy, nie niosą one ze sobą żadnego znaczenia semantycznego.

  • Strona
    Polityka prywatności

    ...Przetwarzanie niezbędne do wykonania umowy dopasowanie wyglądu i działania witryny zgodnie z wybranymi przez użytkownika ustawieniami - np. zmiana skórki graficznej zapamiętanie wyboru raz dokonanego przez użytkownika - np. ustawienie rodzaju wyszukiwarki identyfikacja przeglądarki internetowej pomiędzy kolejnymi odwiedzinami strony - np. logowanie Przetwarzanie niezbędne do celów wynikających z prawnie uzasadnionych interesów realizowanych przez administratora zapisywanie...

« 1 2 3 4 5 »

★★★★★ 5/5 (616)

Facebook