selection CS

CSS Selector : HMTL요소를 tag, id, class, html 태그 속성을 이용하여 엘리먼트를 쉽고 빠르게 찾을 수 있다. style을 지정하기 위한 3가지 선택자 tag로 지정하기 id로 지정하기 HELLO World! class로 지정하기 HELLO World! CSS Selector의 다양한 활용 id, class 함께 사용 #myid{color : red} div.myclassname{color : red} 그룹 선택 h1, span, div{color : red} h1, span, div#id {color : red} h1.span, div.slassname { color : red} 요소 선택(공백) : 자손요소 , 아래 모든 span태그에 red색상이 적용됨 span tag ..

CSS는 작성한 html을 좀더 이쁘게 만들어주는 기능을 한다. 기본적인 구성은 다음과 같다. span { color : red; } 기본적으로 span : selector, color : property, red : value 으로 이루어진다. ? CSS style을 HTML에 적용하는 방법 inline (html 태그 안에다 적용) internal (style 태그로 지정하여 css파일을 따로 관리 하지 않아도 된다. ) ... external (css파일을 따로 분리하여 작성하고 링크를 걸어주어 사용한다.) 상속과 우선순위 결정 refer : www.boostcourse.org/web316/lecture/254261/?isDesc=false 웹 프로그래밍(풀스택) 부스트코스 무료 강의 www.boo..

이 포스트는 boostcourse에서 공부하며 기록하였습니다. chrome 브라우저를 다운로드하여 ctrl + shift + i를 치면 console창이 뜨면서 기본적인 html의 구성을 알 수 있다. html은 계층적 구조이다. 태그를 이용하여 작성이 된다. html, head, body가 있다. HTML문서에는 HTML, CSS, Javascript로 구성되어있다. Meta 태그 : 브라우저에게 정보를 제공하는 기능을 한다. viewport : 페이지가 모든 기기에 맞춰 조정된다는 것을 브라우저에게 알리는 태그이다. (반응형 웹) reference : viewport meta 태그를 이용해 모바일 브라우저상에서 레이아웃 조종하는 법 - Mozilla | MDN viewport meta 태그를 이용해 ..