본문 바로가기

Develop/HTML_CSS4

DOCTYPE DOCTYPE 문서의 종류 선언 태그 문서의 종류에 따라 웹 브라우저는 해석을 달리함 2018. 7. 23.
네이버화면 만들기 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165/* commonCs.. 2018. 7. 6.
메뉴 바 만들기 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 예제 1 #wrap{ overflow:hidden; } .menu { border:1px solid gray; margin:5px; padding:5px; /*text에 따라 크기가 변경된다.*/ width:80px; height:30px; /* 수평 정렬*/ float:left; /* 텍스트 중앙 정렬*/ text-align: center; } li:first-child{ border-radius:1.. 2018. 6. 28.
CSS CSS 1. 모듈별 발전2. CSS 다양3. 브라우저 지원 CSS 달라짐 1. CSS 기초 모듈별로 발전 -> CSS 버전 다양 -> 브라우저 지원 유형 다름 -> 브라우저 접두사 사용 2. CSS 적용방법 1) 외부 문서 2) syle 태그 3) 태그 안 직접 Hello 3. 적용 순위 가까운거부터 ! important; 우선순위 최상위로 h1{ color: red !important; } 4. 상속 1) 태그 상속 O 2) 속성:initial -> default 적용 5. CSS 단위 1) 값이 숫자일 때 적용 2) 가변 고정 6. Selector 1) 스타일 적용 요소 지정 방법 : 대상 { 스타일 } 2) #{id} : 유일 3) .{class} : 그룹 7. Box Model box-sizing.. 2018. 6. 11.