실습과제3 개선점

***

연속되는 요소마다 

margin-right:2px;

하고 

마지막 요소에 margin 초기화 시켜주는거 잊지마3

***

ol 을 쓸때 한번 더 생각하기.

---------------------

일단 조건은 ol 의 의미를 가진 리스트고

소제목에 1, 2, 3, 4 ~~ 이렇게 숫자가 순서대로 있는 구조임

---------------------

우리가 css 로 ol 의 기본 머리말 기호를 제거하니까 

화면상으로 그렇게 보이는건데,

스크린리더기나, css 가 제거 된 상태로 보면

1. 1. 

이런식으로 중복으로 나옴. 이상하잖아

그러니까...... 이건 정답이 없는거같음.

***

(이어서)

정리하면

ol 의미대로 만들지 VS 기본 머리말기호 생각해서 ul 로 만들지

ul 로 만드는걸 선호한다고 함.

***

a 요소를 하나의 박스로 사용할때 잘 생각하기.

a 는 누를수 있는 링크... 가 목적인데 

---------------------

margin-bottom:20px; > 아래 20px 만큼은 링크가 안잡힘.

padding-bottom:20px; > 아래 20px 만큼은 링크가 잡힘.

---------------------

이런식으로 생각을 해야함.

***

이미지 만들때 홀수가 아니라 짝수로 만들어야함.

홀수면

css 상에서 반으로 줄이면 21> 10.5 가 되어버려서

0.5.... html 은 1px 만큼 오차가 생김.

***

span 같이 자주 사용되는 요소들은

웬만하면 class 로 줘서 class 선택자로 조정해야함.

누누히 말한다 ㅡㅡ

이유는 생략

***

inline-block 웬만하면 사용 XXXX

무조건 필요한 경우에만 사용 ㅇㅇㅇㅇ

엔터만 쳐도 4px 오차가 나는데

이게 모바일 기기마다 3px 인경우도 있고 여튼간에

개발과정에서 코드를 아에 붙일수도 있고 엔터쳐질수도 있고

불완전? 불안? 해서 쓰지마3

block 과 float 으로 ㄱㄱ

***

top:auto 이런건 잘 안씀.

고정값 ㄱㄱㄱ