html,css 22

css - 인접선택자, 일반선택자

css를 구성하면서 자주쓰게 됐던 인접선택자와 일반선택자에 대해 정리해볼께요. 형제 선택자에는 두가지 종류가 있습니다. 첫번쨰, 인접 형제 선택자 (adjacent sibling selector) 두번쨰, 일반 형제 선택자 (general sibling selector) 두 선택자의 공통점은 '같은 부모를 가진다'입니다. 차이점을 정리해볼께요. ⭐️ 인접 형제 선택자 작성법 ( '.class'는 임의입니다. ) .class1 + .class2 {속성: 속성값;} 같은 부모를 가진 .class1 바로뒤에 오는 2에게 스타일을 적용한다. ex) p1 + p2 {color:red;} 이 경우에 p1바로 뒤에있는 p2의 color가 red 로 나옵니다. ⭐️ 일반 형제 선택자 작성법 ( '.class'는 임의입..

html,css 2021.11.25

HTML

HTML 이란? 간단히 말하면 '문서의 뼈대'입니다. HyperText Markup Language의 약자로 웹페이지를 만들기 위한 언어입니다. ​ HTML의 기본적인 구조로는 ​ 이런 식으로 되어있습니다. html은 태그로 구성되어 있어요. 태그에는 여러 규칙이 있는데 그중 기본은 여는 태그와 닫는 태그가 있습니다. 태그에 대해서는 다른 글에서 다뤄볼게요! ​ 기본 구조를 자세히 봐볼까요? ​ [!DOCTYPE 선언 이유] ​ html은 버전별로 지원하는 태그가 다르기 때문에 버전 정보를 미리 선언해서 브라우저가 내용을 올바르게 표시할 수 있도록 해주는 것입니다. !DOCTYPE 은 html5 버전 선언입니다. ​ [meta charset="utf-8" 선언 이유] 웹브라우저나 컴퓨터는 html 파일을..

html,css 2021.11.18
728x90
반응형