본문 바로가기

반응형

Frontend/CSS

(5)
[CSS] flexbox표현 방식 기존에 display: table로 표현했다가 height가 내용에 따라 달라지며 깨지는 부분이 발생해 이를 수정⬆️  before                     /                               after ⬆️  Before Code After Code
[HTML] 테이블 관련 요소 들 테이블 구성 요소  : 테이블을 만드는 태그  : 테이블의 헤더부분을 만드는 태그  : 테이블의 행을 만드는 태그  : 테이블의 열을 만드는 태그 기본적인 테이블 디자인 변경 요소테이블의 디자인을 바꿀 수 있는 방법은 다양한 방법이 있지만 아래의 요소들이 대표적속성의미예시 or 기능border테이블의 테두리(border="1") 숫자가 높을수록 테두리가 두꺼워짐bordercolor테이블의 테두리 색상(bordercolor="blue") default값은 검정width테이블 가로 크기(width=50px width=100%) 픽셀단위로 크기,비율로 변경 가능height테이블 세로 크기(width=50px width=100%) 픽셀단위로 크기,비율로 변경 가능align정렬테이블안에있는 값들을 정렬bgcolo..
[CSS] 스크롤 달기 (feat.Overflow) scroll달기 div에 overflow스타일 추가, 그래도 적용이 안된다면 높이가 지정되어있는지 확인 ...
크기 조절 width: 100vw // 브라우저의 크기에 너비 맞춤 height: 100vh // 브라우저의 크기에 높이 맞춤 width: 100% // 적용하는 div의 크기에 너비 맞춤 height: 100% // 적용하는 div의 크기에 높이 맞춤
01/19 회고 dl dt dd dt (정의 용어)와 dd (정의 설명), 해당 요소들을 포함하는 dl dl = dt + dd dt와 dd요소 가운데 정렬하기 ... 제목 call(테스트) ...

반응형