Webi Blog

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

Web/CSS 12

CSS의 기초_두번째 (CSS 어디에 쓰지?)

안녕하세요.웹아이입니다 :D 스타일의 기본형태선택자 {속성:값} p {color:blue;} 여기서 보면p가 선택자(selector) / color가 속성(attribute) / blue가 속성값(value)이 되는것입니다.쉽게 말해 p를 선택해서 color속성에 blue값을 줘라!! 가 되는거에요 한가지 선택자에 여러가지 속성을 적용할 경우, h2 { font-size:20px; color:purple; } 위와 같이세미콜론(;)으로 구분하여 나열하면 되요~ 그러면 스타일정보를 어디에 기록해두나요?스타일은 내부스타일시트와 외부스타일시트로 사용할 수 있습니다.(물론 지난 시간에 말씀드렸듯이 태그 안에 직접 사용도 가능하지만 권장하지 않습니다. ) 내부스타일시트문서안에서 head안에 써 넣는 것입니다. (..

Web/CSS 2018.07.06

CSS의 기초_첫번째

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

Web/CSS 2018.07.04