CSS3 CSS 디스플레이, 포지션 1. CSS display ( : block, inline, inline-block, none) - 웹 페이지의 레이아웃을 결정하는 속성입니다. ✔ visibility: hidden; / visibility: visible; visibility: visible - hidden은 글씨만 나타났다 없어지고 dispaly: block - none은 글씨가 차지하던 자리까지 함께 나타났다 없어짐. 2. CSS position - position은 요소의 위치를 결정하는 방식을 설정합니다. 1. 정적 위치 지정방식 ▶ static Position (기본값) - HTML 요소의 위치를 결정하는 기본적인 방식 - 단순히 웹 페이지의 흐름에 따라 차례대로 요소들이 위치를 결정하는 방식 2. 상대 위치 지정방식 ▶ re.. 2023. 10. 15. CSS(Cascading Style Sheets) 1. CSS 문법 CSS( Cascading Style Sheets)는 웹 페이지의 디자인과 스타일을 정의하는 스타일 시트 언어입니다. HTML이 웹 페이지의 구조를 정의하는 데 사용되는 반면, CSS는 웹 페이지의 시각적인 표현을 조절하는 데 사용됩니다. ✔ HTML 문서 사이에 요소를 사용하여 적용하는 방법 (3) 외부 스타일 - 웹 사이트 전체의 스타일을 하나의 파일에서 변경할 수 있도록 적용하는 방법. 파일 안에는 html 문법은 제외하고 css 언어만 들어가 있어야 한다. ✔ rel 현재 문서와 링크된 문서 사이의 연관 관계를 명시 /* css 파일 예시 ( html 요소인 stlye 태그 없이 작성) */ h2 {font-size: 50px;} ul {list-style: none;} li {.. 2023. 10. 10. HTML (테이블 태그) 1. 테이블 태그 - 여러 종류의 데이터를 보기 좋게 정리하여 보여주는 표를 작성해주는 태그입니다. - 로 시작하고 로 끝냅니다. - 로 행을 생성, 로 셀을 생성합니다. - 은 일반적으로 셀의 제목을 쓸때 사용합니다. 제목을 가운데 정렬, 굵은 글씨가 기본으로 설정되어있습니다. - colspan 속성 : 셀을 가로로 합침 - rowspan 속성 : 셀을 세로로 합침 첫번째 셀두번째 셀 세번째 셀네번째 셀 다섯번째 셀여섯번째 셀 첫번째 셀 두번째 셀 세번째 셀 네번째 셀 다섯번째 셀 여섯번째 셀 첫번째+ 두번째 셀 세번째 셀네번째 셀 다섯번째 셀여섯번째 셀 첫번째+ 두번째 셀 세번째 셀 네번째 셀 다섯번째 셀 여섯번째 셀 첫번째 셀두번째 셀 세번째 + 다섯번째 셀네번째 셀 여섯번째 셀 첫번째 셀 두번째 .. 2023. 10. 8. 이전 1 다음
