728x90
반응형
 |
 |
 |
첫번쨰 사진: https://t1.daumcdn.net/cfile/tistory/9928E533599BE50326 < 다운로드 클릭
두번째 사진: https://t1.daumcdn.net/cfile/tistory/993A8A33599BE5031C < 다운로드 클릭
세번째 사진: https://t1.daumcdn.net/cfile/tistory/99E6BC33599BE50339 < 다운로드 클릭
네번째 사진: https://t1.daumcdn.net/cfile/tistory/99609D33599BE5031B < 다운로드 클릭
사진 4개를 클릭하여 [이미지를 다른 이름으로 저장]하세요.
첫번쨰 사진명: 05_1.jpg
두번째 사진명: 05_2.jpg
세번째 사진명: 05_3.jpg
네번쨰 사진명: 10_bg.png
CSS 강의에 앞서 파일 4개를 다운받아주세요.
그 후 WebContent아래 css, html, img 폴더 생성 후
파일은 img폴더에 html > html폴더에 css > css폴더에 생성하여 코딩해주세요.
01_color.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>요안도라</title>
<style>
@import "../css/01_color.css"
</style>
</head>
<body>
<h2>예약 방법 및 요금</h2>
<p>요안도라 예약의 가장 빠른 방법은?</p>
</body>
</html>
01_color.css
@CHARSET "UTF-8";/*css (casting style sheet)*/
body{
background-color: #333;/*색깔을 16진수로 배경색은 짙흔 회색*/
color: #fff;/*글자색은 흰색*/
}
/*
css는
selector{
속성명:속성값;
속성명:속성값;
...
}
*/
728x90
반응형
'WEB > CSS' 카테고리의 다른 글
| [CSS] ch01-06. descendant (0) | 2017.08.22 |
|---|---|
| [CSS] ch01-05. ID (0) | 2017.08.22 |
| [CSS] ch01-04.Class (클래스) (0) | 2017.08.22 |
| [CSS] ch01-03. 각종 태그 (tag) (0) | 2017.08.22 |
| [CSS] ch01-02. 리스트 스타일 (list style) (0) | 2017.08.22 |