css공부2 [CSS] <style> 태그 디자인과 내용의 분리 HTML 웹 문서를 만들때, 웹 페이지의 구조, 내용, 글을 작성하는 칸등 내용을 만드는 부분과 글씨체,색깔,글자간격등 디자인에 관한 부분을 분리 할 필요가있다. 예를 들어 집을 짓는다고 할때 기초 골격과 거실,주방,안방등 뼈대에 관한 부분을 HTML이라고 한다면 지어진 집에 벽지도 바르고, 방도 꾸미고 하는것을 CSS라고 할 수 있다. 이러한 CSS를 사용하기위해 크게 3가지 방법이있다. 인라인 스타일 내부 스타일시트 외부 스타일시트 인라인 스타일 인라인 스타일이란, 태그안에서 각각의 요소들에 직접 style="속성:속성값" 을 넣어 하나하나 꾸며주는 방법으로 가장 기본적인 방법이다. 내부 스타일시트 내부 스타일 시트는 와 사이에 태그를 넣어 해당 HTML문서안의 모든 요소들에 대.. 2023. 11. 9. [CSS] 1. CSS 기초 CSS HTML의 style 관련 요소들은 내용과는 상관없이 겉 모습에만 영향을 준다. CSS를 사용하는 이유 문서의 내용과 상관없이 디자인만 바꿀 수 있다. 내용과 디자인의 분리, 내용은 건드리지않고 디자인만 바꾸는게 가능 다양한 기기에 맞춰 탄력적으로 바뀌는 문서를 만들 수 있다. 프린터, 스마트폰 브라우저등 다양한 기기에 맞는 레이아웃을 만들 수 잇다. 태그 다음 중괄호 { }를 통해 스타일 값들을 넣어 사용 외부 스타일 시트 HTML 문서 내부에 태그 없이 태그만 사용하여 .css파일을 끌어와서 사용 가능. 주요 선택자 태그 선택자 문서내 특정 태그를 사용하는 모든 요소에 스타일 적용됨. ex) h2 { color:blue; } —> 문서내 모든 h2 Tag에 색깔 바꿈 class 선택자 직접 c.. 2023. 11. 7. 이전 1 다음
