Nadawanie odstępu: margin i padding [CSS]
Dzisiaj omówię dwie bardzo użyteczne właściwości CSS czyli margin i padding.
Kategoria ta poświęcona jest tematyce budowy stron internetowych z pomocą języków takich jak: HTML, CSS i PHP. Dlatego też znajdziecie tu wiele różnych i ciekawych artykułów opisujących nie tylko sam proces budowy, ale także różne opcje, skrypty z pomocą, których możecie rozbudować wasze już istniejące witryny. Dowiecie się też jak wprowadzać tekst i grafiki na stronę.
Część materiałów to w praktyce małe kursy z pomocą, których możesz poznać bliżej daną tematykę. Kursy są na poziomie początkującym są więc świetnym sposobem nie tylko na zdobycie wiedzy, ale także na szybką powtórkę.
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.
5 prostych efektów na obrazkach z wykorzystaniem hover – CSS
Animacje aktywowane efektem typu hover (po najechaniu kursorem myszy) są zawsze ciekawym dodatkiem na stronie internetowej. Możliwe jest to dzięki CSS3, który wprowadził wiele ciekawych rozwiązań w strukturze, wyglądzie i zachowaniu strony.
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.
Selektory rodzeństwa w CSS
Zanim przejdę do zaprezentowania właściwości oraz możliwości pracy na selektorach, chciałam przybliżyć tematykę rodzeństwa.
Usuwanie obramowania klikniętych linków CSS
Usuwanie obramowania klikniętych linków jest dosyć proste i nie wymaga jakieś dużej wiedzy z CSS lub HTML.
Akordeon – rozwijaki i zwijaki na stronie przykłady
Z akordeonem możemy spotkać się na różnych stronach internetowych. Najczęściej w dziale FAQ – gdzie z jego pomocą możemy rozwinąć odpowiedz na nasze pytanie.
Zanikające, przenikające obrazy – animacje z CSS i JavaScript (jQuery)
Tym razem pokażę jak w prosty sposób wykonać ciekawą animacje na zdjęciach z użyciem CSS i JavaScript (jQuery) lub z samym CSS. Tym razem pokażę jak w prosty sposób wykonać ciekawą animacje na zdjęciach z użyciem CSS i JavaScript (jQuery) lub z samym CSS.
Charakterystyka właściwości clip CSS
Z pomocą własność CSS clip możemy określić, który fragment danego obiektu (np. grafiki) ma być widoczny lub też nie.
Odstępy pomiędzy literami w słowie CSS letter-spacing
Zadaniem właściwości CSS letter-spacing jest ustawianie odległości (odstępów) pomiędzy poszczególnymi literami słowa w tekście.
![Zastosowanie właściwości outline [CSS]](https://aurainweb.pl/wp-content/uploads/2017/01/coffy3.jpg)
Zastosowanie właściwości outline [CSS]
Właściwość CSS outline swoim działaniem przypomina właściwość border (czyli obramowanie). Obie właściwości tworzą więc wokół obiektu swojego rodzaju kontur. Co jednak istotne outline otacza nawet obramowanie, które tworzy border.