html52 [JS 활용] 탭 영역 만들기 - 자바스크립트, css , html5 활용 다양하게 활용이 가능한 탭 부분 디자인 및 코딩 소스 제이쿼리로도 되지만, 스크립트로도 구현이 되는 부분이라 서칭 해서 정리 해 봄. 홈페이지 구성할때, 50% 이상 사용되는 디자인 및 기능이 아닐까 싶다. 네이버 메인 HTML 문의 사항 고객 문의 첫번째 탭 영역 문의 사항 등이 표기 되는 부분 두번째 탭 영역 고객 문의 등이 표기 되는 부분 CSS.wrap { padding: 10px; } .tab { border-top: 1px solid #E2E2E1; border-right: 1px solid #E2E2E1; width: 400px; } .tab .tabitems { width: 100%; position: relative; } .tab .tabitems .item { display: inlin.. 2022. 3. 29. [CSS] CSS 적용 방법 CSS를 삽입하는 세 가지 방법 외부 CSS 내부 CSS 인라인 CSS 방법 : head에 link로 스타일 파일 경로 지정 특징 : mystyle.css 하나의 파일만 변경하여 전체 웹 사이트의 css 변경 가능 방법 : head 섹션의 사이에 css를 넣어준다. 방법 : 태그 안에 직접적으로 스타일을 준다. 특징 : 가장 직접적인 css 적용 방법으로 html에 스타일 시트가 있다 하더라도 인라인 css 우선적용 * 스타일 시트의 장점(하나만 바꿔도 모두 변경) 을 잃게 되므로 되도록 사용 안하는 것이 유지 관리에 용이 * 운영 관리나 유지 보수 입장에서 추천 하는 방식은 외부 css - 내부 css - 인라인 css CSS 적용 우선 순위 Cascatidng (캐스케이딩 - 계단식 적용) 하나의 태.. 2021. 1. 16. 이전 1 다음 728x90 반응형
