HTML& CSS 기초1

HTML과 CSS 학습을 기초 부분 정리 노트 입니다.

developer.mozilla.com의 가이드를 참고해서, 하나하나 정리해나가고 있습니다.

---

CSS 선택자(Selector)  종류

 .class명 (클래스 선택자) : <p class='클래스명'>를 선택 

#id명(아이디 선택자) : <p id='id명'>, <a id='id명' 를 선택

a:hovor Pseudo 클래스 선택자 : <a>를 선택하지만, 마우스 포인터가 링크 위에 있을때만 선택

 

---

CSS 모델은 박스모델을 주 기반으로 합니다

padding : 컨텐츠 주위의공간

border : padding의 바깥쪽 놓인 실선

margin : element의 바깥쪽 공간 

 

속성에는 

width : 너비

background-color : element의 배경색 

color : 한 요소의 색

---

이벤트

Element에 이벤트를 붙이는 방법은 많이 있습니다. 여기서 HTML Element를 선택하고, onclick 핸들러 프로퍼티에 클릭 이벤트가 실행할 코드를 갖고 있는 익명(anonymouse)함수를 할당 합니다.

 

개인화된 환영 메세지

해당 사용자가 떠났다가 돌아오더라도 유지되게 만듭니다. Web storage api를 이용합니다