연습장
reset css 본문
* {margin:0; padding:0; outline:none !important; }
h1,h2,h3,h4,h5,h6,p,a,button,span,strong,ul,li,td,th,div,input,textarea { font-family:; }
ol, ul, li { list-style: none; }
a { color:#000; text-decoration:none; transition:all .3s; }
button { outline:none; background:none; border:0; cursor:pointer; }
table{ width:100%; border-collapse:collapse; }
.inner { max-width:; margin:0 auto; } /* 서브 컨텐츠용 */
.dp_table {display:table; width:100%; height:100%; }
.dp_table > * {display: table-cell; width: 100%; height: 100%; vertical-align:middle; }
/* ios 에서 폰트사이즈 다르게 나오는 문제 수정 */
html {
-webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
-moz-text-size-adjust: none; /*Firefox*/
-ms-text-size-adjust: none; /*Ie*/
-o-text-size-adjust: none; /*old versions of Opera*/
}
후에 필요한 것을 더 추가하는 방식으로.
font-size:0 X line-height:1 X 브라우저의 line-height 기본값은 1.0~1.2다
그누보드 세팅했을때 글씨가 안보이거나 행간이 1로 되는 문제 대비
그누보드 세팅을 안한다면 컬러지정과 행간, 글자크기0 설정해두면 좋을 것 같기도 함
'css' 카테고리의 다른 글
그라디언트 보더 사용하기 (0) | 2022.02.10 |
---|---|
포토샵 drop-shadow 를 css로 그대로 표현하기 (0) | 2021.12.16 |
핀터레스트 스타일 레이아웃 (벽돌 레이아웃, masonry) (0) | 2021.11.25 |
컨텐츠 뒤에서 옆으로 지나가는 텍스트 애니메이션 (0) | 2021.11.09 |