일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 1521
- is_check
- Math.floor()
- index %
- removeClass
- excel중복체크
- FileZilla설치
- selectedIndex
- addClass
- hide
- toFixed()
- calc.plus
- Git
- Math.round()
- 파일질라설치오류
- ctrl+/
- slideUp
- FileZilla다운로드
- push오류
- 증가값
- Excel
- 파일질라설치
- 주석이 먹히지 않을 때
- Parent
- Math.ceil()
- calc.minus
- selectoptions
- SUB함수
- 소스트리인증실패
- 파일질라다운로드
- Today
- Total
잡동사니에도 사랑을
[21.09.15] exam01(01_css) - 본문
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
html, body{ html태그, body태그에 스타일을 부여하겠습니다 ~ 라는 식으로 써도 좋고,
margin: 500; /* 바깥쪽 여백*/
padding: 100px; /* 안쪽 여백*/
height: 90%;
}
.header { 클래스 속성으로 부여해도 좋다
width: 100%;
height: 15%;
background: darksalmon;
}
.nav{
width: 15%;
height: 70%;
float: left;
background: mistyrose;
}
.section{
width: 70%;
height: 70%;
float: left;
background: indianred;
}
.aside{
width: 15%;
height: 70%;
float: left;
background: mistyrose;
}
.footer{
width: 100%;
height: 15%;
/* clear: both; */
display: flex;
background: tan;
}
</style>
</head>
<body>
<header class="header">header</header>
<nav class="nav">nav</nav>
<section class="section">aside</section>
<aside class="aside">aside</aside>
<footer class="footer">footer</footer>
</body>
</html>
id="" => 단 한개의 값을 가져올 때는 '아이디 속성'을 부여한다
class="" => 체크 박스 같이 여러 개의 값이 동시에 들어올 때는 '클래스 속성'을 부여한다.
하지만, id속성 부여할 곳에 class속성을 부여하거나, class속성을 부여할 곳에 id를 부여한다고 해서 에러가 나는 것은 아니다.
일반적인 기준일 뿐이다.
<body>에서 id 속성을 잡게 되면, <style>에서 #header ~ 라고 해주면 되고,
class속성을 잡게 되면, .header ~ 라고 해주면 된다.
'JAVA_EE > CSS' 카테고리의 다른 글
[21.09.15] exam06(01_css) - (0) | 2021.09.15 |
---|---|
[21.09.15] exam05(01_css) - (0) | 2021.09.15 |
[21.09.15] exam04(01_css) - (0) | 2021.09.15 |
[21.09.15] exam03(01_css) - (0) | 2021.09.15 |
[21.09.15] exam02(01_css) - (0) | 2021.09.15 |