1.22 3일차(CSS)

1.css 기초

 

css  cascading style sheets  

 

cascading 구조화된 문서 (ex. HTML)를 순차적, 종속적으로 

 

style 어떻게 구밀 것인가에 대해 정의

 

sheet 별도 목록 또는 파일로 관리

 

컨트롤 시프트 케이 // 라인 지우기

 

@ css의 필요성

 

유지보수하기 편하다

 

style 태그 안에 넣은것은 아예 html style 안에 넣어 버린것 보다는 우선순위가 떨어진다

 

이걸 css 로 빼고 html 다 볼 필요 없이 css 파일만 보면서 디자인 수정이 가능하다

 

재사용성 측면

 

@ css 문법

 

선택자 p 태그 

 

속성명 property // css

         attribute // html

 

        선택자 // 속성명 // 속성값 

 

       p>b 하면 p태그 안에 b태그 !

 

      컨트롤 스페이스바 // 해당 폴더 파일보여줌

    

      우선순위  인라인 스타일이 가장 강력함(가장 마지막에 적용되기 때문에 )

 

      <style> 태그 <link> 태그 순서에 따라서 적용 우선순위가 달라진다  ( 뒤에 있는게 가장 마지막에!)

 

    

----

 css 선택자 //태그 선택자 ,아이디 선택자, 클래스 선택자 , 그륩 선택자  

 

중복 없이 사용될 때 사용하는게 id

 

중복 상관 없이 사용되는 것이 class

 

-----