각 브라우저에 기본으로 설정된 cSS 를 다 날리고 나의 CSS를 적용시켜주는 것이 Reset CSS이다. 브라우저의 기본 CSS 속성을 초기화https://www.jsdelivr.com/package/npm/reset-cssCopy HTML-> Link 붙여

서로 다른 미디어 타입(디바이스 화면)에 따라 별도의 CSS를 지정하게 하는 기술특정기계, 특정 사이즈 이상일 때는 이 화면~ 정해준 사이즈를 기반해서 각각 다른 css를 적용할 수 있게해준다. @media 미디어 유형 and (크기 규칙)미디어 유형 : All(전부)

transition속성의 시간은 필수값이다. 변화할 때도 적용이 되지만, 돌아올 때도 적용이 된다. transition-property 속성명기본 속성은 all (변하는 모든 값들을 한꺼번에 정한 시간동안 변화시킨다.)쉼표로 구분해서 여러개의 속성을 각기 다른 시간으로

각 태그들은 기본 속성 값이 존재. span 수직 정렬 기본 값은 baseline이다. vertical-align: baseline baseline? 글자 베이스 라인 밑줄 글자가 없을 경우 박스의 최하단을 베이스라인이라고 본다. 방법1: &nbsp를 넣으면 공

박스 모델 글자와 상자: 요소가 화면에 출력되는 특성, 크게 2가지로 구분 인라인(inline)요소: 글자를 만들기 위한 요소들. 블록(Block)요소: 상자(레이아웃)을 만들기 위한 요소들. Span태그 대표적인 인라인 요소! 글자를 쓰기 위한 가로 공간을 확보하기 위한 태그 컨텐츠 길이 만큼 공간을 가져다 준다. 본질적으로 아무것도 나타내지 않는, 글...

git commit, push

스타일 상속 , 선택자 우선순위

CSS는 HTML 요소의 style(design, layout etc)을 정의 하여야 하므로 CSS 사용을 위해서는 스타일을 적용하고자 하는 HTML 요소를 선택할 수 있어야 한다선택자는 스타일을 적용하고자 하는 HTML 요소를 선택하기 위해 CSS에서 제공하는 수단C

CSS inline 내장 style방식, 링크 방식, @import방식

select 태그 input 태그

HTML table 태그

overflow & box-shadow & background-image & 그라데이션

border

margin & padding

viewport

inline요소, block요소, inline-block요소

Git 커밋하기 (소스트리, 터미널, vs code)

가상선택자 em, rem 색상선택

css 선택자, 자식선택자 우선순위

html table 태그, css 우선순위