전체 글83 (기초) 정보를 제출할 땐 form 태그 2024. 1. 2. (기초) CSS - 스타일의 단위 속성 ( px, em, rem ) 일반적으로 16px = 1em = 1rem 로 본다. 1. px : 가장 기본적인 단위 . 모니터 해상도의 가장작은 네모 칸을 px (픽셀)이라고 한다. 2. em : 부모 태그에 font-size 속성이 있을 때, 그 속성을 1em으로 계산한다. 3. rem : 기본적인 html의 font size = 1rem 으로 본다 (ex, h1의 크기는 자동으로 32px 이다. 이 때 2rem 은 = 64px 이다) ex)예제 /* 예를들어 html 의 사이즉 16px라고 가정해보자 */ html { font-size: 16px; } div { font-size: 20px; width: 10em; /* 일때 width 값은 200px */ } div { font-size: 20px; width: 10rem; /.. 2023. 12. 18. (기초) CSS - 공간을 부여하는 속성 padding, margin margin 겹침 , margin collapsing 현상 2023. 12. 18. (기초) CSS - font 속성들 HTML 의 text를 꾸며주는 CSS의 속성들에 대해 살펴보자 font-style : italic; >> 기울여짐 (폰트의 스타일에는 oblique 등등 있다.) font-weight : 700; >> 글자의 굵기 300 thin / 400 normal / 500 medium / 700 bold / 900 extra bold 두개는 모든 브라우저에 있음 font-variant :lowercase; 소문자로 변경 / uppercase 대문자 / capitalze 단어의 첫번째 글자만 대문자 font-size: 20px; >>. em , rem 또는 px 로 표현 font-family: >>글꼴 line-height : 30px; >>> 줄간격이 들어간다. ★보통 font-size:1em 에 line-he.. 2023. 12. 18. 이전 1 ··· 9 10 11 12 13 14 15 ··· 21 다음