CSS 박스 모델
박스 모델(Box Model) 모든 HTML 요소는 박스 모양으로 구성 박스 모델은 HTML 요소를 내용, 안쪽여백, 테두리, 바깥여백으로 구분함 내용(content) 텍스트나 이미지가 들어있는 박스의 실질적인 내용 부분 안쪽여백(padding) 내용과 테두리 사이의 간격 또는 여백 padding-top, padding-right, padding-bottom, padding-left padding: 위 오른쪽 아래 왼쪽 순으로 설정 HTML 안녕하세요 CSS div#padding { padding: 20px 50px 30px 10px;} /* 위 20px, 오른쪽 50px, 아래 30px, 왼쪽 10px */ div#padding { padding: 20px 50px 30px;} /* 위 20px, 오른..
2024. 4. 9.
CSS 텍스트
CSS 컬러 색상 이름으로 표현 red, yellow, blue, black, salmon, ... RGB 색상값으로 표현 rgb(0, 0, 255) rgba(0, 0, 255, 0.5) 16진수 색상값으로 표현 #0000FF 00 00 FF => #00F R G B CSS 텍스트 letter-spacing: 텍스트 내에서 글자 사이의 간격을 설정 안녕하세요. 오늘은 월요일! 안 녕 하 세 요 . 오 늘 은 월 요 일 ! word-spacing: 텍스트 내에서 단어 사이의 간격을 설정 안녕하세요 . 오늘은 월요일 ! css 텍스트1 letter-spacing Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore id dolores nulla a..
2024. 4. 8.
