스타일시트 검색 결과, 3
[CSS] 9. 레이아웃을 제어하는 디스플레이(Display) 속성
1. 블록 요소와 인라인 요소 display 속성은 요소가 어떻게 표시되는지 여부를 결정한다. HTML의 대부분의 요소는 display 속성 값이 블록(block) 요소이거나 인라인(inline)요소라는 값 중 하나이다. 이들 요소의 각각의 특징은 다음과 같다. 1) 블록 요소 - 요소가 항상 새 줄에서 시작된다.- 화면에서 사용할 수 있는 전체 너비를 사용한다.- , ~, , , , , , , , , 요소 등이 여기에 속한다. 2) 인라인 요소 - 요소가 새 줄에서 시작하지 않고 한 줄에 차례로 배치된다.- 화면에서 필요한 만큼만 공간을 차지한다.- , , 요소 등이 여기에 속한다. 2. 기본 display값 변경하기 모든 요소에는 기본적으로 설정된 display 값이 있다. 하지만 필요에 따라서는 C..[CSS] 8. 테이블 스타일
1. 테이블 경계선 테이블에 다음과 같은 스타일을 주게 되면 table 요소의 경계선, th요소와 td요소의 경계선이 각각 별도로 생기게 되고 이중 경계선을 적용한 것 처럼 보인다. 1table, th, td { border: 2px solid black; }cs 경계선을 통합하려면 border-collapse 속성을 사용해 단일 선으로 표시할 수가 있다. 1234table, th, td { border: 2px solid black; border-collapse: collapse; }cs 수평으로 경계선을 주고 싶으면 border-bottom 속성을 활용한다. 12table { border-collapse: collapse; width: 100%; }th, td { text-align: left; bo..[CSS] 1.CSS 소개와 사용방법
CSS(Cascading Style Sheets) 화면에 표시되는 HTML 요소의 색상, 글꼴, 크기와 같은 스타일을 지정한다.HTML 태그만을 사용해 웹 문서를 제작할 때 글꼴, 배경, 색상, 테두리, 레이아웃 등의 한계점을 보완해 웹 문서를 보기 좋게 꾸미는 것이 가능해진다.웹 문서의 일관성을 유지할 수 있고 작업 시간이 단축된다는 점과 유지, 보수가 간편해진다는 장점이 있다.HTML5에서는 문서의 스타일을 반드시 CSS에서 설정할 것을 권장하고 있다. 문법 CSS의 문법은 선택자와 선언 블록으로 이루어진다.선택자(Selector)는 스타일을 변경할 요소 이름, id, class, 속성 등과 같은 HTML 요소를 가리킨다.선택자 뒤에 중괄호를 붙이고, 중괄호 안에 요소의 스타일을 지정한다. 이 부분을..