Przełamanie / Przerywane obramowanie, tło – box-decoration-break
Bardzo ciekawym selektorem CSS jest box-decoration-break, z którego pomocą możemy stworzyć przełamany obszar np. z użyciem tła bądź obramowania.
HTML i CSS to podstawowe technologie wykorzystywane do budowania i formatowania stron internetowych. HTML odpowiada za strukturę i znaczenie elementów strony, natomiast CSS pozwala określać ich wygląd, rozmieszczenie oraz zachowanie w różnych sytuacjach.
W tej kategorii znajdziesz poradniki i przykłady kodu, które pomogą Ci poznać te technologie i wykorzystać je w praktyce. Omawiam między innymi znaczniki HTML, selektory i właściwości CSS, formatowanie tekstu, listy, tabele, formularze, menu nawigacyjne oraz efekty wizualne.
Materiały mogą być przydatne osobom rozpoczynającym naukę tworzenia stron WWW, a także tym, którzy znają już podstawy i chcą przypomnieć sobie konkretne rozwiązania lub znaleźć sposób na wykonanie wybranego elementu strony.
Jeśli wolisz uczyć się według uporządkowanego planu, zajrzyj również na stronę kursu HTML i CSS, gdzie znajdziesz materiały pogrupowane według zagadnień.
Podstawowe elementy, z których składa się strona w HTML
Zdecydowałam się napisać ten wpis ponieważ prosiło go mnie o niego kilka osób. Wiem, że dla większości są to zapewne czyste podstawy ale widać powtórka z materiału każdemu czasem jest potrzebna.
Hreflang – definicja, zastosowanie
Hreflang jest to atrybut, znacznik HTML umieszczany w nagłówku strony internetowej. Głównym jego zadaniem jest informowanie przeglądarki o istnieniu różnych wersji językowych.
![Mieszanie kolorów z selektorem mix-blend-mode [CSS]](https://aurainweb.pl/wp-content/uploads/2017/11/mieszanie-kolorow.jpg)
Mieszanie kolorów z selektorem mix-blend-mode [CSS]
Właściwość CSS mix-blend-mode określa sposób łączenia się ze sobą elementu nadrzędnego np. obrazka z tłem umieszczonym pod nim.
Pozycjonowanie obrazka w obrębie kontenera z CSS – object-position
Właściwość CSS object-position służy do określania pozycji początkowej (położenia początkowego) wybranego elementu HTML w kontenerze.
Dopasowywanie obrazka do rozmiaru obszaru roboczego CSS3 – object-fit
Z pomocą właściwości object-fit określamy w jaki sposób interesujący nas element HTML (np. obrazek) będzie wypełnić dany obszar na stronie internetowej.
Tworzenie akapitu na stronie internetowej <P> <BR>
Jeżeli zaczynacie dopiero pracę z HTML i CSS zapewne zastanawiacie się w jaki sposób podzielić tekst na stronie na części z pomocą akapitów. Chociaż z początku może się to wydawać trudne tak naprawdę jest bardzo łatwe wymagać może jednak czasem trochę praktyki.
CSS właściwość position (absolute, relative, static, fixed)
Dziś zajmiemy się właściwością CSS position z pomocą, której możemy modyfikować pozycję różnych elementów na stronie. Chodzi np. o zatrzymanie w pewnym miejscu <div>, <header> czy wysunięcie elementu HTML z okalającego go kontenera (rodzica).
Selektor ID czy CLASS jak używać (HTML i CSS)
Id (identyfikatory) i Class (klasy) to dwa rodzaje elementów (selektor) umożliwiające „połączenie” / „przypisanie” ze sobą / do siebie HTML i CSS (ang. Cascading Style Sheets). Dzięki nim nie musimy wprowadzać kodu CSS bezpośrednio na dany element.
Kodowanie znaków na stronie, ale nie tylko (ASCII, UNICODE, UTF)
Zapewne każdy z was spotkał się kiedyś z sytuacją gdy zamiast tekstu na stronie lub pojedynczych liter pojawiły się dziwne znaki. I nie chodzi o to, że tekst pisany jest np. po Chińsku. Choć może to być powód do martwienia to nie należy wpadać od razu w panikę. Bo taka sytuacja może być użycia niewłaściwego […]
Układ kolumnowy na stronie z pomocą float
Dziś zajmiemy się tematyką rozmieszczania elementów na stronie internetowej. Do tego celu na stronach wykorzystuje się elementy takie jak <div>, <header> czy <footer>. Nas dziś będzie interesował <div>.
Jak zastąpić obrazek kodem CSS?
W tym artykule pokażę wam jak w bardzo prosty sposób zastąpić grafikę, obrazek kodem CSS. Większość efektów jakie poniżej zobaczycie stała się możliwa wraz z rozwojem CSS. A tym samym ułatwiło życie wielu osobą budującym strony internetowe.