본문 바로가기

카테고리 없음

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

 

-----