Jun's TID

기본적으로 HTML 태그들은 작성되는 순서대로 위에서 아래로 나열되지만 style 속성을 display:inline-block 로 지정해주게 되면, 세로에서 가로로 객체들이 나열된다. ◎gugudan.css div { display:inline-block; /*가로로 나열*/ padding:0 20px 30px 20px; margin:15px; border:1px solid #ccc; line-height:2; } div h3 { text-align:center; font-weight:bold; } ◎gugudan.html 구구단 깔 - 끔

HTML 문서에는 텍스트가 상당히 많은 비중을 차지하며 CSS 를 사용해 텍스트의 스타일을 지정하는 일이 많기 때문에 font 설정을 css를 이용하여 한번에 설정해놓고 사용할 수 있다. 1. font-size: 텍스트의 크기를 설정 ABCD 2. color: 텍스트의 색상 ABCD 3. font-style: 텍스트의 스타일 ABCD 4. font-weight: 텍스트의 굵기 ABCD 5. font-variant: 대소문자에 대한 스타일 ABCD 6. line-height: 줄 간격 지정 ABCD 7. font: 텍스트의 스타일을 한번에 설정할 수 있는 속성 p { font style: italic; font weight: bold; font size: 12px; line height: 1.6; font..

CSS3? Cascading Style Sheets(CSS) 언어의 가장 최신 버전이고 CSS2.1 을 확장하며 모듈기반으로 개발중인 표준이다 . 다중열(multi columns), 유동적인 상자(flexible box), 격자 배치(grid layouts)뿐만 아니라 둥그런 모서리(rounded corners), 그림자(shadows) , 부드러운 색의 변이(gradients) , 변이(transitions), 움직임 (animations) 등 을 새로 지원 한다. CSS3에 추가된 속성 - Multi - columns - Flecible box - Grid layouts - Rounded corners - Shadows - Gradients - Transitions - Animations

css? Cascading Style Sheets 의 약자로 마크업 언어가 실제 표시되는 방법을 기술한 언어이다. HTML, XML 같은 마크업 언어 문서의 스타일을 꾸밀 때 사용하는 스타일 시트라고 할 수 있다. css 적용 방법 css는 기본적으로 3가지 import 방법이 있지만, 대부분의 경우 아래와 같이 프로젝트 내부에 생성해놓은 css 파일을 link 태그를 이용하여 import 하는 방식을 가장 많이 사용한다. css 선택자 선택자는 특정 요소를 선택하여 스타일을 적용할 수 있게 해준다. css 에서 스타일을 정의할 때 선택자를 이용하여 요소를 선택하고, 어떻게 표현할 지 선언하여 사용한다. - 전체 선택자 * : HTML 페이지 내부의 모든 태그를 선택 * { color: red; } - ..