웹퍼블리셔 수업 Day 4

id 별명
footer 꼬리말
header 머리말

600픽셀
해상도 화소
화면 가상의 점 600개

div 태그(디자인할 때 많이 씀)
'가상의 공간'을 표시하는 태그(그 공간에 색깔 넣거나 여러 가지 효과를 주려고)
줄바꿈 내장돼 있음

부모 태그 선택하면 자식 태그도 같이 디자인 됨

#id이름
id 앞에 # 붙이기!
샵을 안 붙이면 태그가 됨
id는 별명을 의미함

class도 별명 붙이는 일종임
.hello

for 별명 붙이는 속성

html 도화지
html 먼저 만들기
css 만들기
html 파일에서 링크 걸기

css 와일드카드 일괄적으로 모든 태그에 디자인 넣겠다
와일드카드=*
*{
color: blue;
}

html 파일에 css 파일 링크 걸기
link:css

보통의 문서 구조
머리말-본문-꼬리말

. 현재 경로 =같은 라인(같은 선상에 있어서)
..상위 폴더

selector=선택자=>선택한다는 의미
CSS에서는 중괄호 써야 함(약속)

태그 선택자(h {}) 잘 안 쓰고
id나 class 속성을 주로 씀
css에서는 width: 100px;
단위(픽셀) 붙여야 해

color: olive(12,23,34);
함수값으로 컬러 나타냄

링크를 헤드 부분에 넣는 이유?
링크는 css를 넣는 용도밖에 없어서 관례적으로 head 안에 씀

li {
    color: grey;
    list-style-type: none;
}

list-style-type: none;
ul 목록 점 없애줌

화면(웹페이지)에 보이는 것들은 body에 씀