Klawisze css

Question

Hej, tak naprawdę nie mam żadnego problemu. Chciałbym się tylko dowiedzieć czy to co zrobiłem jest poprawne, czy nie powinienem czegoś w tym poprawić. Może coś źle użyłem, może czegoś zapomniałem, albo nie powinienem używać. Proszę o wypowiedzi.

http://codepen.io/ReVieR/pen/JdBvex

Answer 1

Chyba lepiej jakby to było zrobione jako <button> a nie zwykły div.

Dużo lepszym rozwiązaniem jest też użycie klasy a nie id, w końcu na stronie możliwe że wrzucisz kilka takich klawiszy a poza tym id używa się raczej do odwołania się do konkretnego elementu ( kotwica, interakcja z js )  a nie do stylowania.

Answer 2

Zmieniłbym id na klasy. Poza tym wygląda to w miarę ok

Answer 3

Gemeralnie wszystko jest ok ;)

• Ja zawsze umieszczam tag <a> w tagu <div>, ale to jest kwestia indywidualna ;)
• Jedyne co rzuciło mi się w oczy to pisanie osobno margin-left i right. Nie lepiej napisać margin: 0 auto; zamiast margin-left i margin-right: auto;? 

Super wyglądają te buttony!

Comments

Piszę <div> w <a> ponieważ chcę żeby cały button był odnośnikiem. :) 

 

margin: 0 auto;  Faktycznie 

---

1. To nie jest kwestia indywidualna, umieszczenie <a> w <div> spowoduje, że nie cały button będzie odnośnikiem tylko sam tekst "hover me".

2. Wtedy też ustawisz też marginesy górne i dolne, a nie tylko lewe i prawe.

---

Piszę <div> w <a> ponieważ chcę żeby cały button był odnośnikiem. :) 

Faktycznie, racja ;) 

---

2. Wtedy też ustawisz też marginesy górne i dolne, a nie tylko lewe i prawe.

Ale to i dobrze, mniej pisania :) 

---

Górne i dolne ustawiasz tam gdzie jest wartość 0 ;) Jeśli chcesz osobno np. margin-top: 150px; to umieszczasz pod margin: 0 auto:

---

No tak tak, umiem to :)

Answer 4

mógłbyć mi opisać jak to się dokładnie robi w sensie chodzi mi o before after bo ja tego nie kminię :)

Comments

Okey, ale to napiszę ci w wiadomości, już :)