1. https://www.codecademy.com/learn ==> javascirpt 공부
2. URL, URI 차이점
3. HTML5 에서는 </> 생략해도 된다.
4. DOM 이란?
DOM ( Document Object Model) 이란 단어는 HTML의 계층적 구조를 나타내며, 한 쌍의 각 태그들은 계층구조상의 구성요소가 된다.
웹 브라우저는 문서 콘텐츠의 의미를 이해하기 위해서 DOM을 해석한다
<html>
<body>
</body>
</html>
5. CSS
CSS(Cascading Style Sheets)는 DOM의 시각적 표현을 꾸미는데 사용한다.
ex)
selector {
property: value;
property: value;
}
body {
background-color: white;
color: black;
}
CSS 스타일은 selector 와 property로 구성된다. 선택자 뒤에는 중괄호로 감싼 프로퍼티 목록이 따라오며, 프로퍼티 명과 그 값은 콜론(:)으로 구분하고 각 라인은 세미콜론(;)으로 끝난다.
같은 프로퍼티 묶음은 콤마로 구분한 선택자에 한 번에 적용 가능
ex)
p,
li {
font-size: 12px;
line-height: 14px;
color: orange;
}
CSS를 HTML에 넣기
<html>
<head>
<style type="text/css">
p{
font-size: 24px;
font-weight: bold;
background-color: red;
color: white;
}
</style>
</head>
<body>
<p> hello world
</p>
</body>
</html>
스타일시트 파일을 HTML에서 참조하기
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p> hello world
</p>
</body>
</html>
** 일반적으로 나중에 선언된 스타일 규칙이 이전 규칙을 덮어쓴다. **
'프로젝트 관련 조사 > 웹' 카테고리의 다른 글
| 프론트엔드(Front-end) 와 백엔드(back-end) (0) | 2015.10.14 |
|---|---|
| SVG 가 뭦지?? (0) | 2015.09.11 |
| 자바 스크립트 핵심 개념 (0) | 2015.09.11 |
| JSON 이란?? (0) | 2015.09.11 |
| python 간단한 웹서버 (0) | 2015.09.08 |