SMALL
@charset 'UTF-8';
/* 여백초기화 */
html, body , h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, table, tr, td, th, caption, div, span, form, fieldset, legend, input, select, textarea, button, img, a, header, main, footer, nav, section, article {
margin:0;
padding:0;
}
/* 리스트타입 초기화 */
ol, li {
list-style: none;
}
/* 이미지, 필드셋 테두리 제거 */
fieldset, img {
border:0 none;
}
/* 타이포 설정 */
body, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea, button {
font-family: '맑은 고딕', sans-serif;
font-size: 16px;
color:#111;
line-height: 1;
letter-spacing: -1px;
font-weight: normal;
}
/* 링크요소 장식제거, 색상변경 */
a {
text-decoration: none;
color:inherit; /* 상위요소의 색상값 상속받기 */
}
/* 박스계산법 변경하기 border-box로 변경하기 */
/* width값에 ( border+padding이 포함되서 계산됨 ) */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* 숨김요소 */
.blind {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
clip-path: polygon(0 0,0 0,0 0);
}
LIST
'프론트엔드 개발자 > CSS' 카테고리의 다른 글
CSS 그라디언트 사용하기와 애니메이션 사용하기 (0) | 2023.04.05 |
---|---|
Html Css 애니메이션 사용하기 움직이는 동작법 완벽정리!!! (0) | 2023.03.31 |
클론코딩 레이아웃 만들기3 (0) | 2023.03.29 |
html css 레이아웃 구성하기 1 (0) | 2023.03.28 |
html css 캐러셀 css 구현하기 (js X) +code , 체크박스 만들기 (0) | 2023.03.24 |
댓글