반응형
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
</body>
</html>
이런식으로 link rel ="stylesheet" href ="내가 참고하고자할 css파일 경로" 를 하시면 적용이 됩니다.
style.css안에는 이런식으로 style에 관한게 들어있습니다.
*{
box-sizing : border-box;
}
.leftBanner{
background-color: black;
color:white;
height :100%;
}
.leftBannerImg{
padding-top:30px;
padding-right:30px;
text-align: center;
padding-bottom: 150px;
}
style.css
반응형
'[HTML && CSS] > [CSS]' 카테고리의 다른 글
[CSS] DIV로 테이블형식 만들기 (table , table-cell , table-row) (0) | 2021.07.01 |
---|---|
[CSS] border에 넓이 포함시키지 않기 box-sizing (서로 다른 div 크기 [Border]) (0) | 2021.06.26 |
[CSS] CSS 강제 적용시키기 !important (0) | 2021.06.26 |
[CSS] FlexBox(플렉스 박스), Grid(그리드) [레이아웃 배치 및 정렬], place-content (0) | 2021.06.24 |
[CSS] 블록(Block), 인라인(Inline), 인라인 블록(Inline-Block) [display:block, inline , inline-block] (0) | 2021.06.24 |