css4 [Eclipse] jsp js, css 파일 변경 적용 안 될 때 1. 버전 추가 주소 뒤에 '?ver=숫자'를 붙여준다. js 파일 수정 후에는 숫자도 변경해줘야 반영됨. 2. Ctrl + F5 웹브라우저에서 Ctrl+F5 2019. 12. 19. [HTML&CSS] 공공기관에서 자주 사용되는 html 메뉴 - 메가메뉴 HTML 홈 메가메뉴1 카테고리1 링크1 링크2 링크3 카테고리2 링크1 링크2 링크3 카테고리3 링크1 링크2 링크3 메가메뉴2 카테고리4 링크1 링크2 링크3 카테고리5 링크1 링크2 링크3 카테고리6 링크1 링크2 링크3 메가메뉴3 카테고리7 링크1 링크2 링크3 카테고리8 링크1 링크2 링크3 CSS * { box-sizing: border-box; } body { margin: 0; } /* 메뉴 */ .navbar { overflow: hidden; background-color: #F1F1F1; font-family: Arial; box-shadow: 0px 8px 16px 0px rgba(0,65,122,0.2); /* z-index: 1; */ } /* 메뉴 안의 링크 */ .navbar.. 2019. 10. 18. [HTML&CSS&JS] 자연스럽게 슬라이딩되는 아코디언 메뉴 HTML 섹션1 어쩌고 저쩌고... 섹션2 어쩌고 저쩌고... 섹션3 어쩌고 저쩌고... CSS /* 여닫는 버튼 */ .accordion { background-color: #eee; color: #444; /* 커서 모양 변경 */ cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: none; font-size: 15px; transition: 0.4s; } /* 클릭됐을 때 배경색 추가(js로 .active 클래스 추가), 호버했을 때 */ .active, .accordion:hover { background-color: #ccc; } /* 아코디언 패널(평소엔 숨겨져 있음) */ .panel { .. 2019. 10. 18. [edwith] 초보 HTML&CSS 7강 - CSS를 HTML에서 사용하는 방법 CSS의 구조 p { color : red; } 1. 선택자(selector) : p 2. 속성(property) : color 3. 값(value) : red 웹페이지에 스타일을 적용하는 3가지 방법 1. inline - 스타일을 바꾸고 싶은 태그에 직접 적용 Hello world 2. internal - html 안에 있는 head 태그 안에 스타일 태그를 만들어 적용 - 장점 : CSS파일을 별도로 관리하지 않아도 됨, 브라우저가 서버에 CSS파일을 요청하지 않아도 됨 Hello world 3. external - 가장 흔한 방법 - html파일과 별도로 css파일을 따로 만들어 두고 link 태그로 연결 Hello world *메모 : 스타일 적용 시 우선순위는 inline > internal >.. 2019. 6. 3. 이전 1 다음
