야이 찌질이얌..

https://foodchain.tistory.com/160 부트스트랩(bootstrapk)에서 사용하는 class명 정리 부트스트랩에서 사용하는 class명을 정리해 보았습니다. 부트스트랩을 안쓰더라도 개인적으로 프로젝트 할때 class명 네이밍시 너무 괴로워서 참고를 하기 위해서 정리하는것도 있습니다. 최대한 foodchain.tistory.com

https://nykim.work/97 [아무튼 Sass] 1. 시작하기 - Sass 개념, 컴파일러 설치 프롤로그 "CSS 인생은 전처리기를 도입하기 전과 후로 나뉜다" ......이런 말은 없지만, Sass를 배우면 CSS 작성이 짱짱 편해집니다. 신입 퍼블리셔부터 스타일시트 관리를 하는 개발자까지, Sass에 대 nykim.work 시간날때 봐두자.. 사용하게 될수도 잇으니.. 잠깐 봤을때는 어렵진 않다.

인터넷 익스플로어에서 경계선과 패딩값이 들어갈때 width값을 잘못 계산하는 문제 div { width:200px padding:20px; border:5px solid; } IE6에서는 width:230px로 표시 (IE7에서 해결) 출처 : 실용예제로 배우는 웹표준

웹개발을 하면서 나름 표준을 지키려고 하는데 생각보다 쉽지 않다. 특히 디자인을 입힐경우 깨지는 경우가 많다. CSS hack 정보가 여러개 있긴 하지만 개인적으로는 브라우저별로 CSS파일을 만드는것이 가장 괜찮은 방법인것 같다.

레이아웃 형태를 모두 DIV로 만들고 DIV에 background를 지정하는 형식으로 코딩을 했더니 IE6에서 DIV에 원하지 않는 여백이 생기는 문제가 발생했다. font-size 이하의 height는 적용이 되지 않는것 같다. 해결방법은 font-size를 1px(백그라운드 이미지 height보다 작은 크기)로 하거나 overflow:hidden 을 주면 된다.

1.스타일 시트 선언2.여러개의 선택자 사용3.여러개의 속성 사용4.내포된 태그에 속성 적용5.클래스를 사용한 스타일 선언* HTML태그에 클래스 지정 이탤릭체 문단6.ID를 사용한 스타일 선언* HTML태그에 아이디 지정 h37.HTML태그에 style속성 적용제목8.외부 스타일 시트 파일 인클루드