목록border (2)

jinseon's log

[CSS] 웹사이트의 레이아웃

✔ 박스 모델 - 요소를 감싸는 큰 세가지 축을 의미 (박스처럼 감싸고 있는 형태) - content : 요소 - padding : content와 border 사이의 공백 => border 안 - border : 경계 - margin : content의 가장 바깥 공백 => border 밖 ✔ margin과 padding의 차이 - 여백을 만드는 공간 비교 - margin-left - border 바깥쪽에서 왼쪽에 여백을 만듦 - padding-left - border 안쪽에서 왼쪽에 여백을 만듦 - 공간이 여백을 포함한 크기로 변경되는 점 유의 ✔ margin과 padding 작성 방법 - top right bottom left 순서로 한 줄에 작성 가능
HTML & CSS/CSS 2022. 11. 23. 23:34
[CSS] 주요 속성

✔ 크기 조절 속성 - width - 선택한 요소의 너비를 설정 - 픽셀(px) : 절대적인 크기 - 퍼센트(%) : 웹 브라우저 안에서 차지하는 상대적인 크기 - height - 선택한 요소의 높이를 설정 ✔ font - font-size - 글자 크기 지정 - font-family - 글꼴을 여러 개 지정할 수 있음 - 브라우저마다 지원하는 폰트가 다름 - 입력한 순서대로 우선순위 적용 - sans-serif는 마지막에 작성하는 디폴트 값 - font-style - 글자의 스타일 지정 - normal : 어떠한 스타일도 적용하지 않음 - italic : 이탤릭체 (기울기)로 나타냄 - oblique : 텍스트를 기울임, italic과 유사하지만 지원하는 웹 브라우저가 거의 없음 - 주로 'italic..
HTML & CSS/CSS 2022. 11. 23. 03:05
이전 Prev 1 Next 다음