본문 바로가기
  • search_ _ _ _
  • search_ _ _ _
  • search_ _ _ _

html+css23

background 속성 background 모든 background 속성을 이용한 스타일을 한 줄에 설정할 수 있음. ex) body { background: #FFCCCC url("/examples/images/img_man.png") no-repeat left bottom fixed; } background-color HTML 요소의 배경색을 설정함. ex) p { background-color: #FFFFCC; } background-image HTML 요소의 배경 이미지를 설정함. ex) body { background-image: url("/examples/images/img_background_good.png"); } background-repeat 설정된 배경 이미지의 반복 유무를 설정함. repeat-x; 배경이.. 2021. 4. 24.
hover시 background-images 확대하기 background-image를 hover하면 이미지가 커지게 하려고 한다 원본에서는 이미지 뿐만아니라 hover시 글씨와 배경이 같이 깔리도록 작업했는데 정리해 두면 나중에 유용하게 사용할거 같아서 정리해둔다. 윗이미지는 hover전 이미지고 아래 이미지는 hover시 이미지이다. 이미지가 살짝 커지고 그 위로 로고와 배경이 한번 더 깔린다. html. Los Angeles css. .wrapper { padding: 50px 50px; max-width: 1200px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 80px; } .parent { width: 45%; margin: 20px; height: 300px; b.. 2020. 11. 21.
태그 사용시 주의해야 할 점! 2020. 11. 21.
블록요소/인라인요소 블록요소 (block element) 요소 안 내용 길이에 상관없이 요소 자체가 한 줄 전체를 차지하는 요소 때문에 아래로 블럭처럼 차곡차곡 쌓임 width, height값 먹힘 display:inline CSS명령어로 블록 요소를 인라인 요소의 속성으로 변경 할 수 있다 h1, h2, h3, h4, h5, h6 :1~6단계 제목 div :문서 분할 header :페이지나 구역의 헤더 section :웹 페이지의 구역 footer :페이지나 구역의 푸터 ol :순서 있는 리스트 (= 정렬된 목록) ul :순서 없는 리스트 (= 정렬되지 않은 목록.) li :목록의 항목. address :연락처 정보 article :단락 콘텐츠 aside :부가 콘텐츠 blockquote :긴 인용구 details :상세.. 2020. 5. 11.
루트디렉토리 root directory 루트 디렉토리, 루트 디렉터리, 뿌리 디렉토리 최상위 디렉토리 가장 위에 있는 디렉토리 디렉토리 구조에서 가장 위쪽의 출발점이 되는 디렉토리 (윈도우) 드라이브[1]별 최상위 디렉토리 \ (역슬래시) 예: C:\, D:\, E:\ (리눅스) 파일시스템 체계 내의 유일한 최상위 디렉토리 / (슬래시) 위키백과 2020. 5. 6.