1%
[코딩]Day10_하이퍼링크, 백그라운드, 박스모델
신씨드
2023. 2. 13. 17:42
[work]
-[aa] - [cc] 여기서 작업
-[bb]
-a.jpg
--> cc의 상위폴더 aa, aa의 상위폴더 work
--> ../ (한단계위로)
--> ../../a.jpg (한단계 더 위로) (ex. ../../images/a.jpg)
[하이퍼링크 실습]


a는 글자 색상 a:hover는 마우스 올렸을 때 변하는 색상
[하이퍼링크 실습 결과]

[백그라운드 실습]

[백그라운드 실습결과]

<h2> --> background-image, 반복X
<p>내용 --> background-image, 가로로 반복, padding으로 여백 주기
[건강관리 실습]

[건강관리 실습 결과]

CSS별로 부모, 자식 관계 고려! 비슷한 속성 묶어서! Margin관계 체크!!
[Box Model]
- 컨텐츠를 기준으로 겹겹의 상자로 둘러싸여 있다는 개념.
- contents > padding > margin
- border 안쪽의 여백은 padding
- border 바깥쪽의 여백은 margin
[Padding_Margin실습]

[Padding_Margin결과]
