CSS 썸네일형 리스트형 CSS Font 및 문단 모양 Font 및 문단 모양 ■ white-space white-space 는 해당 요소의 공백 처리 방법을 결정한다. (pre 태그 대용) normal : 띄어쓰기와 줄바꿈을 모두 통합. nowrap : 띄어쓰기를 통합. 줄바꿈은 보존. pre : 모두 보존. ■ word-wrap 1byte 문자열이 공백 없이 등장하는 경우 모든 브라우저들은 이를 하나의 단어로 해석하기 때문에 개행하지 않는다. 이것을 강제로 개행할 수 있다. 모든 브라우저가 이 속성을 지원한다. 값 : normal | break-word 예 : word-wrap:break-word; ■ text-overflow 말줄임(문자열의 폭에 넘친 경우 넘친 부분을 ...으로 표시 한다.) IE는 IE 6 버전부터 지원하고 있다. Firefox 브라.. 더보기 CSS 지정방법 CSS(Cascading Style Sheet) 스타일은 HTML 문서 내에 서체의 종류, 크기, 색, 여백 등을 지정하여 사용자의 web browser 환경에 상관없이 일정한 화면을 보여주는 기능이다. table이나 form에 의존하던 문서의 레이아웃을 미려하게 표현할 수 있고, 텍스트의 크기나 글꼴, 줄 간격, 배경 색상 등을 자유롭게 지정하여 표현할 수 있다. - CSS를 사용 하는 이유 모든 값을 사용할 수 있다. 일관성 있는 문서들을 만들 수 있다. 유지 보수의 편리성이 있다. ■ 지정방법 1) Inline Style Inline Style 은 HTML Tag 속에 style 속성을 사용하여 직접 지정한다. - 사용 : 여기는 적색으로 나타난다. 2) embedded style sheet 방식 .. 더보기 CSS Selector Selector Selector 란 CSS Property 1개 또는 그 이상의 Property들을 Property block ({})속에 넣어 놓은 것을 의미 한다. ■ 선택자에 따른 우선 순위 ID선택자 > CLASS선택자 > 조합 셀렉터 > HTML선택자 ■ 종류 1) Universal Selector Universal selector 는 HTML 의 모든 Element 에 같은 CSS Property 를 사용하도록 지정하는 Selector 로 사용법은 Asterisk(*) 뒤에 style block 이 오면 된다. - 예 : 문서의 모든 글자 크기를 12px 2) Type Selector Type Selector 는 HTML Element 에 직접 CSS Property 를 지정하는 방법으로 지정.. 더보기 css selectors New Document CSS Selectors Selector Example Example description Version .class .intro 클래스가 "intro"인 모든 요소를 선택한다 1 #id #firstname ID "firstname"인 모든 요소를 선택한다 1 * * 모든 요소를 선택한다 2 element p 모든 요소를 선택한다 1 element,element div,p 모든 , 요소를 선택한다 1 element element div p 에 있는 모든 요소를 선택한다 1 element>element div>p 부모가 요소인 요소를 선택한다 2 element+element div+p 요소 바로 다음에 추가되는 모든 요소를 선택한다 2 [attribute] [target] targe.. 더보기 이전 1 2 다음