CSS 문법

 

결과는??

 

 

빨갛게 잘 됫다

 

 

 

    /*

      선택자{

        속성명 : 속성값;

      }

      */

 

 

   h1 {

        color: red;

        font-weight: 600;

        font-size: 50px;

      }

 

 

그렇다고 한다

그러면 <link> 태그 안에 있는 css 파일에 h1에 blue  속성값을 적용하면 어떻게 되냐??

 

 

과연 결과는?

 

 

 

 

오 파랗게 바뀜 

브라우저는 즉 위에서 부터 밑에서 읽는다는거를 알수 있음

이미지를 크게 못해서 잘 안보이긴 하는데 빨간색 도형 red 가 없어진걸 볼수 있음 

 

 

그러면

 

 

하게 되면 퍼플로 바뀌 겟지?

 

바뀜 

 

태그안에 직접 style 적용하는 방식을 inline css

스타일 태그안에 css 코드를 적는 방식을 internal css

css 파일을 따로 두어 링크로 연결 하는 방식을 익스터널 css 라고함