웹 공부중... 내 코딩 정리노트

코드 header banner content footer

코드 header nav side content1 content2 footer

코드 side header contents footer

코드 header nav side_left contents side_right footer

코드 header nav side contents footer

HTML 아이콘Notice 가장 웹 페이지에서 기본이 되는 게시판 유형입니다. 아이콘Notice 가장 웹 페이지에서 기본이 되는 게시판 유형입니다. 아이콘Notice 가장 웹 페이지에서 기본이 되는 게시판 유형입니다. 아이콘Notice 가장 웹 페이지에서 기본이 되는 게시판 유형입니다. 아이콘Notice 가장 웹 페이지에서 기본이 되는 게시판 유형입니다. 아이콘Notice 가장 웹 페이지에서 기본이 되는 게시판 유형입니다. CSS /* 컨텐츠 */ .cont {overflow: hidden;padding-top: 30px;} .cont .column {position: relative; float: left; width: 289px; height: 363px; margin: 0 30px 30px 0; p..

웹 사이트에서 이미지를 표현하는 방법 적은 예시들 공부했던 예시들로 변경 1. HTML 태그 통해서(img 태그) 2. CSS 속성 통해서(background 속성) 3. 이미지 스프라이트 1. HTML 태그를 통해서 : img 태그 이미지 의미가 있을 때 사용합니다. | 예시:로고, 메뉴 alt 태그를 이용해서 대체 문자를 적습니다. *alt 태그 : 이미지가 없을때 출력할 대체 문자 표현 (웹접근성조건) 2. CSS 속성을 통해서 : background 속성 이미지가 의미가 없을 때 사용합니다. | 예시:배경, 색표현 의미가 없기 때문에 대체 문자를 적을 필요가 없습니다 하지만 웹 표준을 준수하기위해 가상 대체문자 기법(ir효과)을 사용하여 대체 문자를 css속성으로 표현합니다 background: ..

CSS 단위 [참고] [length 참고] 절대 길이 단위 다음은 모두 절대 길이 단위이며 다른 것과 관련이 없으며 일반적으로 항상 동일한 크기로 간주됩니다. 이러한 값의 대부분은 화면 출력이 아닌 인쇄에 사용될 때 더 유용합니다 단위 이름 설명 cm센티미터1cm = 96px/2.54 mm밀리미터1mm = 1/10th of 1cm Q4분의 1 밀리미터1Q = 1/40th of 1cm in인치1in = 2.54cm = 96px pcPicas1pc = 1/16th of 1in pt포인트1pt = 1/72th of 1in px픽셀1px = 1/96th of 1in 상대 길이 단위 상대 길이 단위는 다른 요소 (상위 요소의 글꼴 크기 또는 viewport 크기)와 관련이 있습니다. 상대 단위를 사용하면 텍스트나..

CSS란? 캐스케이딩 스타일 시트(Cascading Style Sheets, CSS)는 웹페이지를 꾸미려고 작성하는 코드로 마크업 언어가 실제 표시되는 방법을 기술하는 스타일 언어(style sheet language)입니다. 마크업 언어(ex: HTML)가 웹사이트의 몸체를 담당한다면 CSS는 옷과 액세서리처럼 꾸미는 역할을 담당한다고 할 수 있습니다. HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있습니다. 기본 파일명은 style.css입니다. HTML 입문 강의에서 HTML을 웹 사이트에서 화면에 표시되는 정보를 약속 한 것이라면 CSS는 구체적으로 어떤 스타일로 요소가 표시 되는지를 정하는 규격이라고 할 수 있습니다. 초기의 웹은 HTML 하나로 문서의 뼈대도 만들고 꾸미기도 함께..

CSS의 Block와 Inline과 Inline-block 설명: display 속성의 속성 값. *display 속성은 웹페이지 상에서 요소들이 어떻게 보여지는 결정합니다. Block display 속성이 block으로 지정된 요소는 전후 줄바꿈이 들어가 다른 요소들을 다른 줄로 밀어내고 혼자 한 줄을 차지합니다. 대표적으로 이나 , 태그 등이 있습니다. block 요소는 inline 요소와 달리 width, height, margin, padding 속성이 모두 반영이 됩니다. Inline display 속성이 inline으로 지정된 요소는 전후 줄바꿈 없이 한 줄에 다른 요소들과 나란히 배치됩니다. 대표적인 요소로 이나 , 태그 등을 들 수 있습니다. inline 요소를 사용할 때 주의할 점은, w..