HTML과 CSS 다시 보기
1.CSS 작성하기
해당 프로젝트의 css 폴더 내에 \*.css 파일을 작성한 후,<head></head>안에 <link href="css/\*.css" rel="stylesheet">로 불러 옴(이 때의 href 경로는 경우에 따라 상대경로로 작성될 수 있음)1\. 코
2.주석 작성하기
실제 적용되지 않을, 코드에 대한 설명 등 전달 사항을 작성 복잡한 부분들을 설명, 알아보기 어려운 코드를 정리하는 중요한 역할(윈도우에서는 command 대신 control - 여러 줄일 경우, + shift)<!-- 내용 --> 내에 작성/\* 내용 \*/ 내
3.폰트의 종류와 사용
장식적 특징Times New Roman, 궁서체...깔끔한 디자인Arial, 굴림체...모든 글자의 너비가 같음 (프로그래밍 폰트로 많이 사용)Courier, Courier New...손글씨, 필기체Comic Sans MS, Monotype Corsiva...그 외 특
4.href, src, url의 차이
<link> 태그로 외부 CSS 파일을 불러올 때 사용<a> 태그에 홈페이지 등의 주소를 입힐 때 사용<a href="https://www.google.com/">GOOGLE</a><script> 태그로 외부 JS 파일을 불러올 때
5.자식 요소와 직속 자식 요소
.div1 i {font-weight: bold;}'div1' 클래스를 갖고 있는 요소의 자식(+손자, 증손자...) 중 모든 <i> 태그OutsideInside 1Blah blah Inside 2Inside 3Inside 1, Inside 3은 자식, Insid
6.가상 클래스 선택자
콜론(:)을 사용해 선택할 수 있음.div1 p:nth-child(3) {font-weight: bold;}.div1의 자식인 <p> 태그 중 3번째Paragraph 3.div1 p:first-child {font-weight: bold;}.div1의 자식인 &l
7.CSS 속성의 상속
억지로 상속을 받아오기 위해서는 해당 속성에 inherit 값을 쓰면 됨!.div1 a {color: inherit;}<a> 태그는 color를 상속받지 않지만, 이렇게 강제 부여할 수 있음color: pink;부모 요소의 텍스트 컬러가 핑크로 설정되어 있다면,자
8.CSS의 단위들 (px, rem, em, %)
CSS에서는 다양한 단위들이 사용됨(px, rem, em, %...)절대적인 값다른 요소의 값에 영향을 받지 않음상대적인 값오직 <html> 태그의 font-size에만 영향을 받음(2rem은 <html> 태그의 font-size의 2배 크기)rem과 마찬가