일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 인접리스트
- LifeCycle
- dfs
- typescript
- MySQL
- Interceptor
- java
- Linux
- Spring
- javascript
- GraphQL
- bean
- puppeteer
- Kubernetes
- 프로그래머스
- Deep Dive
- REST API
- TIL
- winston
- 자료구조
- css
- OOP
- 알고리즘
- 코딩테스트
- node.js
- JWT
- 탐욕법
- nestjs
- html
- 인접행렬
- Today
- Total
목록Style Sheet/CSS (2)
처음부터 차근차근

CSS 선택자의 종류 1. HTML 요소 선택자 (타입 선택자) CSS를 적용할 대상으로 HTML 요소의 이름을 직접 사용하여 선택할 수 있습니다. 특정 태그에만 적용하고 싶을 때 사용되며, 특정 태그 전체에 적용됩니다. /* p 태그에 style 적용시키기 */ p { color: blueviolet; margin: 0; } 2. id 선택자 id 선택자는 CSS에 적용할 대상으로 특정 요소를 선택할 때 사용합니다. #을 사용해서 구분합니다. id 선택자는 고유하게 적용하기 때문에, 한번만 적용하는 것이 원칙입니다. (여러 요소에 같은 아이디 이름을 사용해도 문제없이 동작하나, 중복된 아이디를 가지고 자바스크립트 작업을 하게 되면 오류가 발생하기 때문에 id는 한번만 적용하는 것이 좋습니다.) #con..

CSS(Cascading Style Sheet)란? CSS는 사용자에게 문서를 표시하는 방법을 지정하는 언어입니다. 기본적으로 HTML은 마크업 언어로서, 구조화 된 문서 파일입니다. 콘텐츠의 구조를 정의하는 뼈대만 만들고, 그 안에 있는 내용을 보여주고 있지만, HTML만 사용한다면 굉장히 밋밋합니다. CSS를 통해 HTML 문서를 이쁘게 만들 수 있습니다. CSS는 HTML이나 XML같은 구조화 된 문서(Document)를 화면, 종이 등에 어떻게 렌더링할 것인지를 정의하기 위한 언어입니다. 즉, HTML의 각 요소(Element)의 style(design, layout 등)을 정의하여 화면(Screen) 등에 어떻게 렌더링하면 되는지 브라우저에 설명하는 언어입니다. 아래와 같이 글자 색을 바꾸고 싶..