개념정리

HTML의 head 안에 CSS 코드를 작성해준다.<style>태그 안에 작성 후 닫아주기CSS파일 (\_.css) 을 별도로 생성 후 HTML파일에 두 파일을 연결해준다.<link> 태그로 두 파일간 관계를 정의해주기꾸미고자 하는 태그 <selecte

felxbox의 3가지 규칙자식에게 명시하지 않고 부모에게 명시한다.ex) div의 부모인 body에 display:flex 로 만들기main axis => 주축은 수평이 기본명령어 : justify-contentcross axis => 교차축은 수직이 기본명령어 :

Classes span은 inline이기 때문에 높이와 너비를 가질 수 없으며, 그래서 위, 아래에 margin을 가질 수 없다. 하지만 padding은 사방에 가질 수 있다. 이와 같은 상황에 margin을 위, 아래에 적용하고 싶다면, inline 요소를 block

1) 반복되는 단어 한방에 수정Ctrl + D(한번씩 일일이 눌러줘야함 / 귀찮으면 Ctrl + F2)2) 클릭하는 곳마다 커서 생성Alt + Click3) 코드 위/아래로 움직이기Alt + ↑ / ↓4) 코드 복사해서 위/아래로 움직이기Alt + ⇧ + ↑ / ↓5)

position: fixed;element가 처음 생성된 자리에 고정이 되고 새로운 layer를 만든다.top, bottom, left, right 의 속성을 바꾸면 그에 따라 위치가 변경되어 고정된다.position: relative;element가 처음 생성된 위치

https://studiomeal.com/archives/197

개발자 도구에서 가장 중요한 selector는 'state'다. Styles의 상단 :hov를 누르면 확인 가능"acative"는 버튼을 누르고 있을 때 파란 배경색을 갖는다."hover"는 마우스 커서가 대상 위에 있을 때 색이 활성화 된다.(클릭X)button에서