프로그래밍/HTML&CSS (2) 썸네일형 리스트형 html ✏️ : html5라고 알려주는 용도 HTML 대소문자 구분 안하지만, 속성의 값은 구분한다. 시작태그 : 종료태그 : 앨리먼트 : 시작태그부터 종료태그까지 문자코드 유니코드 : 충돌방지를 위해 전세계 언어에 대한 코드값을 가지고 있다. 한글자당 모두 2바이트다. UTF-8 : 유니코드의 가변길이 버전이다. 한글은 3바이트다. 아스키코드 : 1바이트(영문) ✏️ P태그 : 문단. 자동으로 줄바꿈이 된다. ✏️ 시맨틱태그 : 누가 봐도 의미를 알 수 있는 태그. 의미를 전달하기 위한 용도로 사용한다. css를 위한 태그는 div가 좋다. 시맨틱 태그, 왜 사용할까? • 화면 낭독기 같은 보조 기기에서 사이트의 구조를 이해할 수 있다 • 문서 구조가 정확히 나눠지므로 PC나 모바일 등 다양한 화면에서 웹 문.. css ✏️ 선택자 종류 /* id 선택자 */ #aaa { color: red; } /* class 선택자 */ .b { border: 1px solid #000; /* 테두리 */ padding: 50px; /* 테두리와 내용 사이 */ } /* type(태그) 선택자 */ p { background-color: #ddd; } /* 그룹 선택자 */ h1, p { text-align: center; } /* 모든 앨리먼트 적용 */ * { witdh: 500px; /* 너비 */ margin: 10px auto; /* 바깥 여백 */ } 선택자 { 속성 : 값 ; } ✏️ 스타일 우선순위 !important -> 인라인 스타일 -> id 스타일 -> 클래스 스타일 -> 타입 스타일 같은 타입태그 스타일이 여.. 이전 1 다음