CSS란? HTML문서의 색이나 모양 등 외관을 꾸미는 언어 CSS로 작성된 코드를 스타일 시트(style sheet)라고 부른다 CSS의 기능 색상 배경 텍스트 폰트 박스모델 비주얼 포맷 및 효과 리스트 테이블 사용자 인터페이스 CSS 작성방법 대소문자 구분없이
Selector 스타일을 적용할 대상을 선택하기 위해 사용 종류 전체 선택자 (*) HTML요소(태그이름) 선택자 아이디(id) 선택자 클래스(class) 선택자 점(.) 으로 시작하는 이름의 선택자 HTML 태그의 class 속성으
키워드 단위 **W3C에서 미리 정의한 단위 키위드를 입력하면 해당하는 스타일이 자동으로 나타난다** 크기 단위 1. em   - 부모 요소에서 지정한 글꼴의 대문자 M의 너비를 기준(1em)으로 한 후 비율값을 지정 &n
font-size 글자크기를 지정하는 속성 크기 단위 또는 여러 키워드를 입력할 수 있다 font-family 글꼴을 지정하는 속성 컴퓨터에 설치된 글꼴을 입력할 수 있음 * 주의점 개발자 컴퓨터에는 글꼴이 설치되어 있지만, 사용자 컴퓨터에는 글꼴이 없
CSS의 background
박스모델 웹 페이지의 레이아웃을 구성한다 1. content : 텍스트 or 이미지가 들어있는 실질적인 내용 부분 2. width : content의 너비를 지정 3. height : content의 높이를 지정 4. padding : content와 테두리(b
1\. static 기본값, HTML 태그가 작성된 순서대로 위치가 출력된다2\. relative 현재 위치를 기준으로 한다3\. absolute relative를 가진 부모의 위치를 기준으로 한다 모든 부모에게 relative가 없는 경우