☑️ 레이아웃 관련 스타일✅ width, height기본적으로 content영역의 가로 세로 길이 지정- 고정크기(px)- 가변크기(%) .size-test{border: 10px solid red;} /* test1 가로:400px, 세로: 200px*/ #test1{ width: 400px; height: 200px; /* 요소전체크기: 가로: 420px, 세로:220px */ } /* test2 가로:50%, 세로: 150px*/ #test2{width: 50%; height: 150px;} ✅ display: 화면에 요소 배치 방법display:block | inline | inline..

☑️ 기본 선택자특정 html요소를 선택하고자 할때 사용하는 기능선택자로 해당 요소를 선택하면 원하는 "스타일"과 "기능"을 적용시킬 수 있음 ✅ internal 방식 현재 html에 적용 css 적용 영역 선택자 :스타일 속성 : 값; 스타일 속성 : 값;{color: red;}/* h3 태그의 배경색상 변경*/h3 {background-color: yellow;}/* p, pre 태그의 글자색을 토마토색으로 변경*/p, pre{color: tomato;}/* id="idTest1" 인 태그의 글자색: red, 배경색 : pink */#idTest1{color: red; background-color: pink;}/* clTest1 class 속성의 태그는 글자색 : yell..

☑️CSSCascade Style Sheet 기능 : 문서에 스타일을 지정하는 언어 ✅ 적용 우선순위 - inline 방식 - internal 방식 - external 방식 ☑️ 지정방식 ✅ inline - HTML 태그의 내부에 style 속성으로 스타일을 지정- 우선순위가 가장 높은 방식(기존 css 속성을 덮어쓰기)- !important : 우선순위 조정가능. 사용 자제 반갑습니다. 홍길동 Hello World ✅ internal - Hello World ✅ external : 별도의 .css 파일을 태그로 스타일 지정 Hello World ☑️ font 관련 css p{ font-..

☑️ 엔티티 코드(entity code)1) HTML 구성요소와 충돌이 발생하는 특수문자를 입력2) &로 시작하고 : 으로 종료함 작다(less than) < 작거나 같다(less than equal) ≤ 크다(greater than) &gt 크거나 같다(greater than equal) ≥ 앰퍼센트 & 공백     출력 공백     출력 ☑️ 문자관련 태그h1~6 : h1이 가장 큰 글씨, H6이 가장 적은 글씨제목관련 태그Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt ut..