4. css
파일들은 폴더로 정리하자
보기도 좋고 의외로 사용할 때 위치를 쉽게 찾아낼 수 있다.
+ 앞으로 배울 Rails에서는 폴더 정리 안했다간 큰일남
my_Project
js
img
main.html
page_1.html
CSS는 CSS
JavaScript는 JavaScript
이미지 파일들은 이미지 파일들 끼리
5. 덮어놓고 CSS쓰면 통수 맞는다.
아무 생각없이 CSS를 쓰다가는 나중에 통수를 맞는다.
다 쓰고 코드 정리하고, 주석 쓰는 것을 생활화하자.
/* 주석은 이렇게 씀 */
위치 관련 속성들 먼저 적어주고
정렬 관련 속성들 적어주고
padding과 margin은
항상 위아래로 붙어 다니고
글자 관련이랑
색깔 관련이랑
기타 등등을 아래에 적는다…
NAME {
position
display
padding
margin
font / text
color
etc(기타)…
}
6. 묶을 수 있는거는 최대한 묶자
공통적인 속성이 들어가야 하는 경우가 항상 있는데,
코드 여러번 쓰지 말고 한번에 정리하자.
공통적인 것들은 쉼표(,)로 묶고
공통 속성들 적어주면 좋음
NAME1, NAME2 {
공통 속성들
}
집합처럼 포함관계 잘쓰면 좋음
같은건 > 로 써주고, 아니면 띄어쓰기로…
#id .class1 { … }
.class1 > .class2 {…}
7. 모든 브라우저에서 똑같이 보이게 하라.
브라우저 다르고, 브라우저가 돌아가는 엔진이 다르다.
그래서 여백이나 속성들이 다르니까 초기화해주자.
normalize.css
HTML과 CSS를 전부 재설정해준다.
세세한 설정까지 모두다.
그냥 CSS 파일 하나고,
구글링해서 다운로드 or Ctrl+CV 하면됨.
최고망할놈