본문 바로가기

CSS3

[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 텍스트 색 입히는 방법 정리 안녕하세요 여러분 캐시입니다. 오늘은 html에 간단하게 색 입히는 방법 3가지를 정리해볼게요! 1. 컬러 이름 입력(red, blue, white 같은 이름들) color change test! 이런식으로 태그안의 color 부분 뒷쪽에 컬러 이름을 적어서 색상을 입혀줄 수 있습니다. 근데 티스토리 왜 이렇게 나오는거죠ㅠㅠㅠ.. 티스토리 내부에 코드블럭 삽입을 이용했는데 저는 분명 바로 위의 사진처럼 제대로 쓴 것 같은데 글 안의 코드블럭은 이상하게 보여지네요.. 아래에 두가지는 그냥 캡쳐로 넣도록 하겠습니다. 2. 컬러코드(HEX) 입력 이런식으로 태그안에 color 뒤쪽에 6자리 숫자 코드를 입력해서 원하는 색상을 지정해 줄 수도 있습니다. 3. RGB 값 입력 그리고 마지막으로 태그안에 color.. 2022. 3. 9.
[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.