CSS 선수학습

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에 적용.