본문 바로가기

HTML & CSS

[CSS3] display 너 뭔데 뭐냐고 ~~~~~~!
HTML & CSS 2024. 5. 28. [CSS3] display 너 뭔데 뭐냐고 ~~~~~~! display가 뭐냐고?한마디로 layout에 자주 사용되는 놈이다.  1. none요소를 화면에서 완전히 제거하고, 차지하던 공간도 사라지게 됨visibility: hidden도 비슷한 놈인데 얘는 요소를 보이지 않게 하지만 공간은 그대로 유지함   2. block요소가 블록 레벨 요소로 표시됨다음 줄에서 시작하고 모든 너비를 차지함, , 등이 기본적인 블록 레벨 요소 태그임  3. inline요소가 인라인 요소로 표시됨다음 줄에서 시작하지 않고 바로 이어짐, 내용이 끝나는 지점까지만 너비 차지, , 등이 기본적인 인라인 태그임   4. inline-block요소가 인라인 요소처럼 표시되지만 블록 요소의 이부 특성(너비와 높이, 설정 등)을 가짐인라인 요소처럼 같은 줄에 나란히 배치할 수 있으면서도, ..
[HTML/CSS] HTML 기본 구조 및 다양한 태그 익히기! + 회원가입 페이지 만들기
HTML & CSS 2023. 9. 15. [HTML/CSS] HTML 기본 구조 및 다양한 태그 익히기! + 회원가입 페이지 만들기 [HTML/CSS] HTML 기본 구조 및 다양한 태그 익히기! 기본구조와 태그를 익혀 마지막엔 이 회원가입 페이지를 만들어 볼게요!🐼 기본 구조 내용 : 이 줄은 문서의 형식을 정의하는 것으로, 이 경우에는 HTML5 문서임을 나타냅니다. 이 줄은 HTML5 문서에서 필수적인 부분입니다. : HTML 문서의 시작을 나타내는 태그입니다. 모든 HTML 요소는 이 태그 내에 포함되어야 합니다. - HTML 문서 자체에 대한 설명을 제공하기 위해 사용되는 태그입니다. - 검색 엔진들이 html 문서에 포함된 검색 키워드를 사용하여 검색하는데요? 검색엔진에 의해 잘 검색되도록 하기 위해 태그를 이용합니다. 사용형식 , 검색엔진에 나타나지 않게 하기: 자동으로 다른 페이지로 이동하기: bgcolor - 색을 변..

티스토리툴바