상세 컨텐츠

본문 제목

CSS Cascading Style Sheet 기본문법

취미/생활코딩

by 민트색구름 2017. 3. 24. 16:12

본문

반응형

웹페이지를 좀더 예쁘게 디자인하기 위해 태어난 CSS

Cascading Style Sheet

html과는 완전히 다른 독립적 언어지만

html을 떠나서는 살 수 없다


html은 정보에 집중, css는 디자인을 담당하게 됨


CSS기본문법

h1 {

color:red;

font-size:10px

}

h1  선택자 selecor

{ }  서술 description


>>속성이 2개 있다

   속성을 구분하는것은 ; 세미콜론

>>html의 h1태그안을 빨강색, 글자사이즈를 10px로 지정


h1,h2 {

color:red;

      font-size:10px

}

h2{

text-decoration: underline;

}

>>h1과 h2의 속성을 자유자재로 지정할 수 있다

>>h1, h2 태그는 빨강색, 10px로 하고 추가로 h2는 밑줄까지~


header h1{

border:1px solid red;

}

>>header태그 하위에 있는 h1태그의 속성도 지정할 수 있다

>>header태그 안에 들어있는 h1태그 안의 내용을 1px 두께 빨강 테두리로 감싸주세요홍

오오 완전짱이야


반응형

관련글 더보기