[WEB][CSS3] overflow: hidden이 뭔데..

overflow? 넘쳐흐르다, 범람하다, 가득 차다  기능▷ 영어 뜻에서 추측해볼 수 있듯이, 크기가 제한된 영역에서 많은 양의 컨텐츠를 보여줄 때(= 컨텐츠가 넘쳐흐를 때) 사용한다. 속성 종류visible 기본값, height 보다 내용의 크기가 크더라도 전부 출력hidden height 만큼만 출력, heigt 공간 안의 내용은 숨긴다는 뜻!auto컨텐츠의 양이 가변적이어서 스크롤바를 보여줘야 할지 말지 미리 결정하기 어려운 경우에 사용!scroll주어진 공간을 넘어가는 컨텐츠가 삐져나오면 안 되고, 누락되어도 안 될 때 사용내용이 공간을 넘어가지 않아도 스크롤바가 생김 말로만 설명하면 이해가 어려우니..    예시 코드!예시 코드 See the Pen overflow:hidden(1) by ..

• format_list_bulleted Web/css
• · 2025. 3. 21.
• textsms

[WEB][CSS3] 속성 (2)

CSS3 속성 2탄.글자 속성font-sizefont-family공백이 있을 경우에 '' 로 반드시 묶기!여러 개 지정해놓기 가능, 첫번째 글꼴이 없을 경우에 그 다음 걸로 지정웹 폰트 많이 사용font-style글자 스타일italicnormalobliqueinheritinitialfont-weight글자 굵기text-alignleftrightstartend 태그는 중앙이라는 개념이 없으므로 이 속성을 적용할 수 없음!inline-block에서만 적용됩니다~~text-decorationnone위치 속성 position좌측 상단 모서리: default!!abolute: 절대 위치 좌표 설정부모 영역을 벗어나는 경우 → overflow 처리overflow: hidden / scroll실습 꼭 해보기!fixe..

• format_list_bulleted Web/css
• · 2025. 3. 12.
• textsms

[WEB][CSS3] 속성 (1)

css는 직접 실행하면서 공부하는 것을 추천드립니다 .. 박스 속성width, height: 컨텐츠에 의해 정해짐width 디폴트 값: 행 전체height 디폴트 값: 컨텐츠 만큼모든 태그에는 경계선(테두리)이 존재 margin: 테두리와 다른 태그 사이의 테두리 바깥쪽 여백margin: [상] [우] [하] [좌];  🕑margin: [상하] [좌우];padding: 테두리와 글자 사이의 테두리 안쪽 여백, 배경색은 padding 영역까지만 적용padding: [상] [우] [하] [좌];  🕑padding: [상하] [좌우];border: 테두리 border-radius: [좌상] [우상] [우하] [좌하];  🕑 border-widthboder-styleborder-color각자 써도 되지만 ..

• format_list_bulleted Web/css
• · 2025. 3. 6.
• textsms

[WEB][CSS3] 기초

CSS: Cascading Style SheetCascade: 중첩CSSCSS3에서 특정 HTML 태그를 선택할 때는 선택자를 사용선택자 { 스타일 속성: 스타일 값; }보통 제목 글자! Lorem ipsum dolor sit amet, consetetur adipiscing elit. 이 코드에서 중첩을 볼 수 있다!> p 색깔이 전체에 씌워놓은 노랑색을 덮어씌웠음.> 이때, 아예 덮어버려서 없어지는 것이 아니라 쌓이는 것임! 중요 💥  CSS  스타일의 우선 순위 1. 호출 순서2. id3. class 드렁슨드렁슨 div 영역 하하 div 영역 여러 태그에 동일한 속성을 지정한다면 → 콤마를 사용하여 일렬로 나열.이때, 콤마를 쓰지 않으면 → ..

• format_list_bulleted Web/css
• · 2025. 3. 6.
• textsms