본문 바로가기

css기초3

[html/css 기초] 폰트 크기 설정하기 방법들 정리 4가지 방법 모두 태그 안에 font-size: ; 를 사용해 넣으면 된다. px 사용 font-size: 24px; font-size: 32px; font-size: 64px; pt 사용 font-size: 24pt; font-size: 32pt; font-size: 64pt; % 사용 ✅ 상속된 값에 상대적이다.(부모요소의 폰트 크기를 기준으로 한다.) font-size: 100%; font-size: 200% em 사용 ✅ 퍼센트와 비슷하게 사용하면 된다.(1em = 100%, 2em = 200% 이렇게 동일) font-size: 1em; font-size: 2em; font-size: 3em; 간단한 사용법 예시는 아래와 같다. 2022. 3. 18.
[html/css 기초] 폰트 굵기 설정하기 방법들 정리(font-weight: ;) 안녕하세요 여러분 캐시입니다.🙂 오늘은 html/css 기초로 폰트 굵기를 설정하는 방법 공부한 걸 정리해볼게요! 폰트 굵기 설정을 위한 스타일 태그는 font-weight: ; 을 사용해주면 됩니다. 위의 예시처럼 바디태그 안에 있는 꾸며줄 요소를 스타일 태그 안에 불러주고(id나 class 를 사용하면 각 태그를 부를 수 있는 고윳 값 부여 가능), font-weight 뒤에 원하는 수치 혹은 단어를 입력해주면 됩니다. 위의 예시에서 사용한 값 외에 사용 가능한 다른 값들도 한번 적어줘 볼게요! ✅ 체크 포인트 100, 200, 300, ..., 900 이런 숫자들을 정해서 정할수도 있고, 단어를 사용해 정해줄 수도 있습니다. 폰트마다 1 - 900중 존재하는게 다 재각각이다. 400은 normal과.. 2022. 3. 12.
[HTML/CSS 공부] 기초 태그 정리해보기 안녕하세요. 오늘은 HTML/CSS 아주 기초 태그들을 한번 정리해보도록할게요. 기본 HTML 태그들 -> html 파일을 쓸때는 이걸 젤 처음에 무조건 써 줘야합니다.(특정 html을 언급하지 않는다면 가장 최신버전이 사용된다고 함.) #title 태그 -> 페이지의 제목을 적는 태그입니다.(탭에 있는 이름이 타이틀 이다.) #헤딩 태그 글자 1 글자 2 글자 3 글자 4 글자 5 글자 6 -> 머리말을 쓰기위한 태그입니다.(h1부터 6까지 있고 숫자가 숫자가 작을수록 크기가 크다. h1이 가장 큰 글씨이고 h6이 가장 작은 글씨. 보통 6까지는 잘 안쓰는듯? 1, 2, 3만 주로 쓸 것 같다.) #본문 태그 본문을 쓰기위한 태그입니다. -> 말 그대로 본문을 감싸주기위한 태그입니다. #글자를 굵게 만.. 2022. 3. 1.