Tagi wpisu ‘CSS’

Jak usunąć pomarańczowy outline w Chrome




Podobny problem występuje Safari (niebieski outline). Aby szybko się go pozbyć, w dowolnej przeglądarce, umieszczamy w pliku css następujący selector: Powyższy selektor sprawia że dowolny elemnt w stanie focus nie posiada dookoła siebie outline. Należy pamiętać że działa on na każdy element na stronie.






Kontrola wielkości czcionki z CSS




Chodzi o to, aby wziąć domyślny rozmiar tekstu przeglądarki (16pt) i  z nim kontrolować wielkość czcionki. Po pierwsze używamy tagu body aby zredukować wielkość czcionki do 62.5% z 16pt. Powoduje to domyślny rozmiar 10 pkt, co sprawia, że ​​tworzenie nowych reguł i zarządzanie CSS jest łatwiejsze Teraz można kontrolować wielkość czcionki za pomocą em. Korzystanie z em pozwala […]






Technika Sliding Doors




Jak stworzyć ładne, zaokrąglone przyciski za pomocą CSS?  O wiele lepiej jest skorzystać z techniki sliding doors, niż z obrazkowego tła dla przycisków, ponieważ można zastosować dowolny styl linku i jednocześnie nie ma potrzeby tworzenia nowego obrazu dla szerszego czy węższego przycisku.






Tajemniczy margin po odrazkiem




Jeśli pod obrazkiem pojawia się tajemniczy margines, i nie możemy dosunąć do obrazka elementu znajdującego się poniżej, wystarczy do obrazka dodać Dzieje się tak dlatego, że obrazki domyślnie posiadają styl display: inline, więc siedzą na linii bazowej, jak tekst, z odrobiną odstępu pod nim.