전체글 (354) 썸네일형 리스트형 CSS font font-family font-size font-style 예) font-style:italic font-weight font-weight : 300; /* 100~900의 범위에서, 300 정도 굵기 */ font-weight : bold; /* 굵게. 700 크기 */ 단축 프로퍼티 font-style, font-weight, font-size, font-family를 순서대로 지정하는 단축 프로퍼티 예) 20픽셀로 이탤릭 스타일에 bold 굵기로 consolas 체 font : italic bold 20px consolas, sans-serif; font : 20px consolas, sans-serif; /* font-size, font-family외 생략 가능 */ 1 2 3 4 5 6 7 8 .. CSS 텍스트 꾸미기 // how to decorate text in CSS 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 Document h3{text-align: center;} span{text-decoration: line-through;} strong{text-decoration: overline;} .p1{text-indent: 3em;/*3글자 들여쓰기*/ text-align: justify;}/*양쪽정렬*/ .p2{text-indent: 1em; text-align: center;} 텍스트 꾸미기 HTML의 태그만으로 기존의 워드 프로세서와 같이 들여쓰기, 정렬, 공백, 간격 등과 세밀한 텍스트 제어를 할 수 없다. 그러나, 스타일 시트는 이를 가능하게 한다. 들여쓰기, 정.. CSS 색 활용 // how to use CSS to color any HTML text element using an HTML tag, ID or class. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 Document div {margin-left: 30px; margin-right: 30px; margin-bottom : 10px; color: white; } CSS 색 활용 deepskyblue(00BFFF) brown(#a52a2a) darkorange(FF8C00) fuchsia(FF00FF) darkcyan(008b8b) olivedrab(6b8e23) http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter http://col.. CSS 선택자 // CSS selector 우선순위는 id > class > 태그선택자 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 Document h3, li{color: indigo;} /*h3태그와 li태그*/ ul strong{color: dodgerblue;} /*ul태그 하위태그중에 li태그*/ div > div > strong {background-color: khaki;}/*div태그 하위태그 중에 div태그 하위태그인 */ .main {background-color: lightblue;} #list {background-color: lightseagreen;} #list span {color:hotpink;} .. HTML 문서에 CSS 스타일 시트 만드는 방법들 1. 안에 태그에 스타일 시트 작성 (웹 페이지 전체에 적용) 2. 안에 해당 태그에 속성 style=" : ;" 로 스타일 시트 작성 3. 스타일 시트를 멸도 css파일로 작성 - 안에 태그나 @import로 불러 사용 1. & 2. 아래를 펼치면 스타일 시트 작성 방법이 중복되었을 떄 우선권을 가지는 것을 알 수 있어요! 더보기 3. 더보기 DOCTYPE html> Document @import url(mystyle.css); 손연재 저는 체조 선수 손연재입니다. 음악을 들으면서 책 읽기를 좋아합니다. 김치찌개와 막국수 무척 좋아합니다. 더보기 /*mystyle.css*/ body { background-color: linen; color:teal; margin-left: 30px; margin-ri.. CSS 로 예쁘게~! 더보기 DOCTYPE html> Document body{ background-color: mistyrose;} h3{ color: purple;} hr {border : 5px solid lightgoldenrodyellow;} span{color:palevioletred;font-size: 20px;} CSS맛보기 나는 웹프로그래밍을 좋아합니다. 회원가입 form (type속성의 값들 실습) form태그 type속성의 값들 실습 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 Document 회원가입 form email : 홈페이지 : 전화번호 : 검색어 : http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white">cs form에 사용된 숫자 입력 더보기 DOCTYPE html> Document 숫자를 입력 지속시간 : 온도 : 이전 1 ··· 40 41 42 43 44 45 다음
