태그2 [CSS 기초] css 선택자 (1) 태그, 클래스, 아이디 선택자 안녕하세요 PNcoding입니다 :) 이번 포스팅에선 CSS를 처음 사용하기 위해 필수인 선택자에 대해 알아보도록 할게요! *선택자 란? HTML의 태그를 선택하는 방법으로 원하는 태그를 선택 후 스타일을 지정할 수 있습니다. 1. 태그(tag) 선택자 HTML의 태그 즉, 요소(element)를 선택하는 방법입니다. /* CSS 코드 */ div { width: 100px; height: 100px; background-color: salmon; } div 태그 1 div 태그 2 div 태그 3 원하는 태그명을 작성 후 { } (중괄호)를 열어 CSS 속성을 작성을 하면 선택한 태그에게 스타일을 적용할 수 있습니다. 이때 body내의 선택한 모든 태그가 동일한 스타일이 적용됩니다. 2. 클래스(cla.. 2023. 11. 1. [HTML 기초] HTML 구조 안녕하세요 PNcoding입니다 :) 이번 포스팅에선 HTML 기초에 대해 알아볼게요! HTML은 HyperText Markup Language의 약자로 웹페이지의 구조를 정의하는 마크업 언어 입니다. HTML을 사용하기 위해서는 태그(tag)를 알아야되는데 태그가 무엇일까요? 1. 태그 태그는 HTML을 사용하기 위해 사용하는 하나의 명령어 라고 보시면 됩니다. 보여줄 내용을 감싸서 사용하며, 태그의 특정한 방식으로 동작 하도록 구성 되어있습니다. 태그가 적용될 내용 2. 태그의 규칙 태그는 꺽쇠괄호 로 구성 되어 있으며 시작태그와 종료 태그, 한 쌍으로 구성되어 있습니다. 단, 종료태그는 슬러시( / ) 기호를 앞에 붙여 태그 종료를 선언 합니다. 3. HTML 구조 HTML을 사용하기 위한 기본 구.. 2023. 10. 31. 이전 1 다음 반응형