Webi Blog

웹아이에서 운영되고 있는 블로그입니다.

선택자 2

CSS의 선택자_첫번째 | 태그를 선택해서 CSS 입히기

안녕하세요 웹아이입니다. CSS의 선택자(Selector)선택자 { 속성:값 } h2 { color:red; } 여기서 선택자는 h2가 되겠죠속성이 어디에 적용되는지 표시한다고 해서 '선택자'라고 합니다.!! 전체 선택자 (Universal Selector)모든 요소에 스타일을 적용할 때 전체선택자를 사용합니다.별표(*)를 사용합니다. * { margin:0; padding:0; } 태그 선택자 (Tag Selector)특정 태그에 스타일을 적용할 때 사용합니다. p { font-size:12px; font-family:"돋움"; } P 태그 내부에 있는 텍스트에글꼴 사이즈를 12px, 글꼴 모양을 돋움으로 적용하라는 의미 입니다. 클래스 선택자 (Class Selector)특정부분에 스타일을 적용할 때..

Web/CSS 2018.07.14

CSS의 기초_첫번째

안녕하세요 웹아이 입니다. 오늘은 CSS (Cascading Style Sheet)에 대해 간단히 설명해 보겠습니다. HTML과 CSS?? HTML이 텍스트나 이미지, 표 같은 각 요소를 이용하여 웹 문서에 뼈대를 만드는 것이라고 한다면, CSS는 텍스트의 색상이나 크기, 이미지 크기나 위치, 표의 색상 등 웹 문서의 디자인 요소를 담당하는 것입니다. 쉽게 말해 웹페이지의 인테리어라고 이해하시면 될것 같네요!~~ CSS는 다음과 같이 태그 안에 넣어서 사용이 가능합니다. 하지만 저렇게 태그안에 넣지 않고 선택자를 이용해서 사용해주는 경우가 많습니다. 왜 그렇게 사용해야할까요? 1. 웹 문서의 디자인과 내용을 분리할 수 있습니다. 내용을 건드리지 않고 스타일 시트를 이용해 디자인만 변경해서 완전히 다른 느..

Web/CSS 2018.07.04