일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- web
- PROJECT
- 웹디자인기능사실기
- Supabase
- 정보처리기사
- 실기
- 웹퍼블리셔
- 렛츠기릿자바스크립트
- JavaScript
- 웹디자인기능사
- 웹디실기
- github
- 세로메뉴바
- 비전공자
- 자바스크립트
- 리액트
- react
- 코드공유
- 타입스크립트
- git
- 깃
- HTML
- jQuery
- 연산자
- 프론트엔드
- CSS
- 코딩독학
- JS
- 슬라이드전환
- 생활코딩
Archives
- Today
- Total
목록id선택자 (1)
코딩하는라민

태그의 우선순위 ( ID & Class 선택자 ) 1. ID 선택자 & Class ID 선택자 : # - Id는 유일한 값. - 한개만 적용 가능(같은 id를 다른 데에 사용 불가능) Class : . - id 와 달리 같은 class 를 여러 개 적용 가능 → 공통 적인 것의 속성을 변경할 때 사용 ID Class #wrap{ width: 100px; height: 100px; background-color: pink; } .wrap{ width: 100px; height: 100px; background-color: skyblue; } 2. BOX - 보이지 않는 상자 - 감싸는 역할만 한다. - box : 아래로 쌓이는 것이 특징(Block 속성) - 홈페이지의 레이아웃을 div 로 뼈대를 잡고 시..
Styling/CSS
2022. 9. 19. 14:03