망고

👉 선택자 전체선택자 : * 태그요소 선택자 : 태그 이름을 식별자로 사용 ex) ,footer> 아이디선택자 : # 클래스 선택자 : . 👉 텍스트 컬러-color : #000000; 정렬-text-align : center/left/right; 줄간격-line-height : 200%; 장식-text-decoration : line-through; 👉 폰트스타일 폰트종류 – font-family 사이즈 - font-size : 20px; 굵기 – font-weight : bold; *문서에 웹 폰트 적용하는 방법 html에서 링크태그로 가져오기 css에서 import하는 방식 👉 링크/리스트스타일 Color Background-color Text,font 속성 여백 속성 Display속성 👉..

👉Block tag vs inline tag 차이점 Block tag : 전체 너비만큼 자리를 차지함 inline tag : 자기 자신의 크기만 자리를 차지 *태그 중첩 규칙 블록태그 내부에는 블록태그와 인라인 태그 모두 중첩 될 수 있다. 인라인 태그 내부에는 인라인 태그만 중첩 될 수 있다. 블록태그 중 문단태그는(p) 블록태그지만 내부에 인라인 태그만 중첩될 수 있다. ( ex) p태그안에 블록태그 넣으면 분리됨) 👉텍스트 서식 : 두꺼운 : 두꺼운/중요한 : 기울임 : 기울임/중요한 : 밑줄 : 텍스트 중앙 취소선 : 짧은 인용문을 표현할 때 적합한 인라인 태그 : 긴 인용문을 표현할 때 더 적합한 블록태그 👉리스트 태그 /링크태그 리스트태그 : 목록을 생성하는 블록태그로 목록의 성격에 따라 로 ..

1. Material Theme - 테마 정하기 2. Marterial Icon Theme - 아이콘 테마, 아이콘이 조금 더 생동감 있게 바뀜 3. Preitter - Code formatter - 코드 포멧팅 - ctrl + 눌러서 setting 창으로 이동 4. Bracket Pari Colorizer - 괄호마다 코드에 색깔을 다르게 줌 5. Indent-rainbow - 들여쓰기 된 부분을 레인보우컬로로 하이라이트 표시 - 코드 읽을 때 도와줌 6. Auto Rename Tag - 앞에 태그를 바꾸면 뒤에 태그를 자동으로 바꿔줌 7. CSS Peek - html에서 css를 금방 찾게해줌 - html에서 커맨드나 컨트롤키를 누른 상태로 클릭하면 정의된 css파일로 이동하게 해줌. 8. HTML ..