style.css파일생성
@charset "utf-8";
/* selector 요소선택 {style attribute 스타일속성: style value 스타일 값;} 에서 {}는 style block */
* {margin: 0; padding: 0;}
h2 {background: #545454}
video { width: 350px; }
space.css 파일 생성
@charset "utf-8"
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;700&display=swap');
div { height: 100px; background: #fc0;}
span { height: 100px; background: #f00;}
p { font-family: 'Noto Sans KR', sans-serif; font-size:42px; font-weight: 100;}
.h { display:inline; font-weight: 700; background: #fff;}
article {width: 300px; height: 450px; background: #fffcce;}
article h3 { font-size: 30px; color: rgb(158, 77, 29); text-align: center; padding-top: 20px;}
.shiba {background: burlywood;}
article div { width: 90%; height:300px; margin: 0 auto; background: none;}
article div img { width: 100%;}
article div p { font-size: 16px;}
article div p span { color: rgb(126, 61, 35); }
article a {display:block; width:50%; margin:0 auto;padding: 10px; color: white; text-align: center; background: brown;}
<link rel="stylesheet" href="./css/space.css">를 사용하여 html에 적용.
'Coding' 카테고리의 다른 글
html 선수학습(5) (0) | 2021.07.07 |
---|---|
html 선수학습(4) (0) | 2021.07.06 |
html 선수학습(3) (0) | 2021.07.05 |
html 선수학습(2) (0) | 2021.07.01 |
html 선수학습 (0) | 2021.06.30 |