Get Started With Viewing And Changing CSS
View an element's CSS
- 원하는 요소 위에서 우클릭 > Inspect
Add a CSS declaration to an element
- Styles tab > element.style 선택한 요소에 원하는 css 입력
Add a CSS class to an element
- Styles tab > :cls 클릭하고 원하는 class 입력
- 체크 버튼으로 클래스 활성/비활성 선택 가능
Add a pseudostate to a class
- Styles tab > :hov 클릭하고 원하는 요소에 가상 상태 부여 가능
Change the dimensions of an element
- Box Model 다이어그램에서 넓이, 높이, 패딩, 마진, 선 두께등을 조절할 수 있음
출처 :크롬 개발자도구 공식 가이드
'공식메뉴얼 > Chrome DevTools - CSS' 카테고리의 다른 글
| Inspect CSS Grid (0) | 2021.01.17 |
|---|---|
| Find Unused JavaScript And CSS Code With The Coverage Tab In Chrome DevTools - Coverage Tab으로 미사용 css, javascript 확인하기 (0) | 2021.01.16 |
| CSS Reference - 개발자 도구 CSS 기본 기능 (0) | 2021.01.11 |
| Open Chrome DevTools - 크롬 개발 툴 열기 (0) | 2021.01.10 |