본문 바로가기

WEB/HTML&CSS13

[CSS] Normalize.css vs Reset.css (작성중_20221229) Normalize CSS or CSS Reset?! : 상단의 그림, 본문:영어 https://elad.medium.com/normalize-css-or-css-reset-9d75175c5d1e CSS Tools : Reset.css https://meyerweb.com/eric/tools/css/reset/ Normalize.css - CSS 초기화 : 한글 주석해석이 달려 있다. https://webdir.tistory.com/455 CSS Normalize 와 CSS Reset : 비교가 잘 되어 있고 예시가 있다, https://www.daleseo.com/css-normalize-reset/ CDN - Normalize 👉옆 사진 https://cdnjs.com/libraries/normaliz.. 2022. 12. 29.
[CSS] Chrome창으로 CSS보는법 [스타일 | 계산됨 ] 2022. 12. 28.
display : inline vs inline-block vs block 1️⃣ display : inline 태그 안의 글자 길이만큼의 영역만 화면에 표시한다. inline을 default값으로 가지고 있는 tag: , , , , , , width, height 속성에 영향을 받지 않는다. 2️⃣display : inline-block inline과 같이 양 옆으로 화면에 나열할 수 있다. inline과 다른점은 width, height 속성을 통해 사이즈 조절이 가능하다. inline-block을 default값으로 가지고 있는 tag: , , , 3️⃣display : block inline과 달리, 새로운 줄로 시작하며 해당 줄의 가로를 다 차지한다. block을 default값으로 가지고 있는 tag: , , , , 2022. 12. 13.
CHROME에서 CSS 확인하기 [STEP1] 작성한 HTML, 오른쪽 마우스, Open with Live Server로 들어가서 (※주의 외부스타일CSS파일로는 들어갈 수 없습니다.) [STEP2] F12(개발자 도구) ☞ Ctrl + Shift + C 로 분석하고 싶은 영역을 찍고 ☞ HTML 영역 클릭 ☞ 해당부분 스타일 탭의 최상단, element.style{}에서 넣어보고 싶은 스타일 요소들 작성하며 확인해보면 된다. + 수정한 부분은 복사하여 원래의 Visual Studio Code에 붙여넣어야 날아가지 않는다! 2022. 11. 7.
728x90
반응형