css- style

html에서 style 키워드는 태그,속성 2가지 용도로 쓰인다.

 

1.태그

         style태그는 html의 head 태그에서 사용되고  html 문서의 특정 태그 전체에 css의 기능을 넣어주고 싶을 때

         사용한다. 예를 들어 <h1>태그로 나타내진 글자들을 파란색으로 표현 하고싶은 경우에 사용된다.

         

         사용법: style태그 안에 < 원하는 (선택자 이름) { 속성:value; } >을 작성해준다.

                *선택자(selector)의 종류는 다음 포스팅 참조.

                (style태그 안에 여러개의 selector 선언이 가능하며  selector 안에 여러개의 속성:value;가 가능하다. )

                                                                      코드

                                                                      결과

 

2.속성 

         Body태그 안에 존재하는 태그에서 원하는 태그에 style 속성을 이용해 css기능을 넣어준다.

         사용법: <*태그 style=" 속성:value; ">   *태그 내용  </*태그>

                    (속성-value 여러개 가능)

             

                      (h1 태그 모두 빨간색 적용 하지만 HI라는 h1 태그는 따로 파란색에 밑줄을 주도록 설정함)