Web/CSS

css 따라하기 3일 차 | text

style.css - 시작하기전에 style.css 시트를 만들고 시작할 것이다 @charset "UTF-8"; /* style.css는 수업시간 공용스타일 파일 */ h1 {border-left:12px solid; background-color:#aef; padding:0.3em; color: #39d;} section {border: 3px solid #39d; margin: 3em 1em; padding: 1em;} section>h2 {border-bottom:2px solid; color: #39d;} text로 시작하는 속성's text-align: ; 영역내의 글자 수평정렬 text-decoration: ; 글자의 줄들 text-indent: ; 들여쓰기 text-transform: ; 대..

css 따라하기 2일 차 | font

font로 시작하는 속성s font-size: ; 글자 크기 font-weight: ; 글자 두께 font-style: ; 글자 기울기 font-family: ; 글꼴(서체) 1. font-size - 글자 크기를 줄이거나 키울 수 있고 기본값은 16px이다 - 사이즈 단위로는 px, em, rem 등이 있다 1. font-size | 예시 코드 font-size: ; 글자 크기 font-size:16px; 기본 글자 크기 font-size:12px; 글자 크기 font-size:20px; 글자 크기 단위 em은 기준이 되는 글자의 크기에 대해 ~배를 의미. (1em=16px이나 상위요소의 변화에 따라 같이 달라짐) font-size:1em; 글자 크기. font-size:0.75em; 글자 크기 fon..

css 따라하기 1일 차 | 3가지 사용법, 선택자와 선언부, 우선순위

css 3가지 사용법 외부 스타일 시트 내부 스타일 시트 인라인 스타일 1. 외부 스타일 시트 - 외부에서 스타일 시트를 만든 뒤 .html이나 .jsp등의 파일에서 사용 할 수 있다. - 외부 스타일 시트.css 파일을 만든 뒤 head태그 사이에 link태그를 이용하여 참조한다 - 예시 코드 2. 내부 스타일 시트 - 내부 스타일 시트는 head태그 사이에 style태그를 이용하여 선택자와 선언부로 css스타일을 정의한다. test.html - 예시코드 - 결과 창 3. 인라인 스타일 - 인라인 스타일은 HTML 태그 안의 속성에 style속성을 사용하여 선언부로 스타일을 정의한다. test.html - 예시 코드 - 결과창 선택자와 선언부 - 선택자(Selector)에는 tag 선택자, class ..