# 106: Obszar fragmentów budowania, część 3 (HTML i CSS) - CSS-Tricks

Anonim

Jesteśmy blisko ukończenia budowy strony głównej w obszarze Fragmenty witryny. Od razu zaczynamy poprawiać rzeczy i nadawać im kształt.

Mamy dziwne doświadczenie, w którym pseudoelement pozycjonowany absolutnie nie odpowiadał na ujemny lewy margines, ale był w porządku z dodatnim prawym marginesem. Kto wiedział.

Następnie przechodzimy do tworzenia „aktywnej” klasy dla lewego menu kategorii fragmentów. Przeglądasz tylko jeden z nich na raz (widzisz listę powiązanych fragmentów po prawej stronie). Powiedzmy, że „HTML” jest aktywny i klikniesz „CSS”. Nowa lista tylko fragmentów związanych z CSS pojawi się po prawej stronie. Musi istnieć jakiś styl, aby pokazać, który jest aktywny. Zmiana indeksu z na aktywnej klasie wystarczy, aby nam zadziałała (sprawiając, że będzie ona znajdowała się nad cieniem).

W przypadku listy po prawej stronie kuszące jest wyświetlenie linków: blok - ale jest to prawie za dużo klikalnego obszaru. Wydaje się to dziwne, ale myślę, że to prawda. Nie chcesz, aby przypadkowe kliknięcia znajdowały się bardzo daleko od samego tekstu łącza, aby aktywować ten link. Byłoby to zaskakujące i dziwne. Zatem same linki mogą być blokami inline, więc mogą mieć pewne wypełnienie, ale nie wypełniają całej szerokości, tak jak pozycja listy, w której się znajdują.

W przypadku samych linków stwierdzamy, że zabarwienie tytułu fragmentów kolorem kategorii, do której należą, jest zbyt mocne. Zamiast tego linki będą szare, ale kolor najazdu może przybrać ten specjalny kolor.

Postanawiamy również, że lista z jedną kolumną w dół na razie działa, ale jeśli przewijanie stało się zbyt śmieszne, może kiedyś będziemy mogli podzielić na dwie kolumny i skrócić ją.