HTML 태그에 CSS 속성을 적용하기 위해선 id 와 class를 사용해야한다. 이처럼 CSS 속성을 적용할 대상을 선택하는 방법을 CSS selector 라고 한다 . 오늘은 Css selector에 대해 학습해보자. 기본 셀렉터 전체 셀렉터 전체 셀렉터는 문서의 모든 요소를 선택한다. * { } 태그 셀렉터 태그 셀렉터는 같은 태그명을 가진 모든요소를 선택한다. 복수로도 선택 가능하다. h1{ } div{ } h2, section { } ( , 를 꼭 써줘야 복수 선택이 가능하다 ) ID 셀렉터 ID셀렉터는 #id명 으로 입력하여 선택한다. #container { } class 셀렉터 class 셀렉터는 .class명 으로 입력하여 선택한다. 같은 class를 가진 모든 요소를 선택한다. .box{..
HTML-CSS-JavaScript
오늘은 CSS에서의 박스 모델에 대해 알아보자! 모든 콘텐츠는 그림과 같이 고유한 영역이 존재한다. 모든 콘텐츠는 각자의 영역을 가지며, 일반적으로 하나의 콘텐츠로 묶이는 요소들이 하나의 박스가 된다. 박스는 직사각형이고 너비(width)와 높이(height)를 가진다. CSS를 이용해 속성과 값으로 그 크기를 설정할 수 있다. 박스의 종류 줄 바꿈이 되는 박스 옆으로 붙는 박스 block inline , inline-block 여기서 줄 바꿈이 일어나지 않고, 크기 지정을 할 수 없는 박스는 inline 박스라고 부른다. 줄 바꿈이 일어나지 않는 동시에 block 박스의 특징을 가지는 inline-block 박스도 있다. 코드를 통해 박스의 종류에 대해 알아보자 ! HTML 파일 block inline..
