CSS 셀렉터
- div 자식은 p태그
- 첫번째는 class를 이용한 css스타일은 적용할 수 있다.
- 두번째는 class대신 id를 이용해서 가능하다. 그런데 이건 자바 스크립트에서 자주 사용
- class는 여러가지 스타일을 한거번에 사용가능 id는 두세개 값을 가질 수 없다.
- id는 #을 이용해서 사용가능 ex> p 태그에 직접적으로 스타일은 구면 p태그안에 포함된 모든 요소에 적용
- div 띄어쓰기후 클래스를 넣으면 div 아래의 자손들이 모두 포함된다
- span > .new-style 이런식으로 넣으면 직접적인 자식만 포함된다. div 직접적인 자식은 span
CSS 코드 정리
- width: ###px; --> 넓이
- border:##; —> 테두리 두께
- 테두리 스타일: solid 등등
- padding: 박스 안 넓이 (padding-top,bottom,right,left)
- margin: top, bottom, left, right: 00px;박스를 기준으로 위, 아래, 오른쪽, 왼쪽 넓이를 설명
- h1:: before{content: Topic:”;} 은 h1에 있는 텍스트 전에 Topic: 이라는 텍스트를 넣어달라는 요청
- font-size: 말그래도 글자크기
- font-family: 글씨체!
- font-style: 글자 스타일
- p::first-letter {}—> 모든 p태그의 첫번째글자에 괄호에 들어가는 스타일을 넣어달라는 태그
나는 프론트엔드 개발자다!