Web 기초 (2) 썸네일형 리스트형 CSS 빠른 정리 1. CSS 1) 정의 : Cascading Style Sheet 2) 특징 1> HTML이 정보 부분을 담당한다면 CSS는 디자인을 담당 2> HTML로 작성된 정보를 꾸며주는 언어 3> 문서의 레이아웃과 스타일 정의 3) CSS 구성요소 선택자 {속성: 속성값;} 1> 선택자: 디자인 작업을 진행한 HTML 영역 ex> 태그에 어떤 디자인을 입히고 싶은 경우 을 선택자 자리에 넣는다. 2> 속성: 어떤 디자인을 적용할지 ex> 글자 색을 변경하고 싶다. => color / 글자 크기를 변경하고 싶다. => font size 3> 속성값: 해당 디자인에 대해 구체적으로 명령 ※ 규칙 1> 중괄호 2> ;로 마침표 찍어주기 h1 { font-size: 20px; font-family: sans-serif.. HTML 빠른 정리 1. HTML 1) 정의 1> HyperText Markup Language 2> 웹 문서를 만들기 위해 약속된 언어 2) HyperText 1> 링크하는 기능 2. 태그 1) 태그 규칙 1> 시작과 종료 태그 - 여는 태그가 있으면 닫는 태그가 있다. 2> 태그는 중첩 사용이 가능하다. 3> HTML 상에서의 들여쓰기와 줄 바꿈의 큰 의미가 없다. - 들여쓰기와 줄 바꿈을 하는 건 보기에 편하라고 하는 것 - 에디터를 사용하면 자동으로 해준다. 4> 대소문자 구분이 없다. - 그냥 하나로 일관성 있게 입력하는 것이 좋다. 5> 태그 내 글자의 공백 처리 - 태그 내에서 공백은 한 칸을 기준으로 하기 때문에 글자 사이에 2칸 띄우려면 태그 사용한다.) 2) 태그와 속성 - 형태로 사용한다. 1> 예시: .. 이전 1 다음
