Miesiąc: luty 2020

O tym co to jest model pudełkowy i jak wyśrodkować element

Są takie zagadnienia CSS, z którymi większość z front-end developerów prędzej czy później będzie musiała sobie poradzić. Mowa tu o np. wyśrodkowywaniu elementów na stronie. Do tego zadania doskonale nadaje się moduł Flexbox czy frameworki typu Bootstrap, jednak w dzisiejszym wpisie pochylam się nad rozwiązaniami, które nie wymagają ich użycia. Na początku jednak chciałbym zwrócić…
Dowiedz się więcej

O selektorach, pseudo-selektorach i pseudo-klasach

Jak wspominałam we wpisie pt. „O tym co to jest CSS” (link tutaj), na reguły w arkuszach stylów składają się deklaracje, czyli właściwości i nadawane im wartości, nawiasy klamrowe oraz selektory. Te ostatnie odpowiadają na pytanie, którym elementom nadać style ustalone w deklaracjach. W jaki sposób zatem w CSS wskazywać wybrane elementy? Poniżej omawiam kilka…
Dowiedz się więcej

O tym co to znaczy “kaskadowy” w praktyce, czym jest dziedziczenie i po co komu “!important”

Zasady określające zastosowanie stylów pochodzących z różnych źródeł mogą w pierwszej chwili wydawać się niejasne i zawikłane. Należy jednak przyswoić kilka podstawowych informacji, aby mieć wstępne pojęcie „dlaczego ten element wyświetla się tak, a nie inaczej”. Tę kwestię potrafi utrudnić używanie słowa kluczowego „!important”, jednak zanim do niego przejedziemy, przyjrzyjmy się kaskadowości oraz dziedziczeniu stylów.…
Dowiedz się więcej

O tym co to jest CSS

O ile o tym jakie treści znajdą się na stronie i jaki będzie ich podstawowy układ, decyduje konstrukcja „szkieletu strony”, czyli dokumentu HTML, o tyle sam wygląd elementów strony jest ustalany za pomocą reguł CSS. Dzisiaj przyjrzymy się temu w jaki sposób zbudowana jest reguła CSS, co składa się na deklaracje czy w jaki sposób…
Dowiedz się więcej