선택자

CSS 기본1 - 선택자, 전체와 특정태그의 혼합

 

선택자

특정 태그를 선택하여 해당 태그의 속성을 변경하는 목적으로 사용

<style></style> 스타일 태그는 head태그 안에 넣어야한다.

 

--------------------------------------------

<style>

     div {background:##33539E}

</style>

--------------------------------------------

div(선택자){background(속성):##33539E(속성값)}

 

{background-color:#색상값}

배경색

 

{color : #색상값}

폰트 색상변경

{border:10px solid#색상값}

테두리선  두께    색상            

 

{border:10px dashed #색상값}

테두리선  두께 점선 색상        

 

 

{ font-weight : bold }

글자두께

 

- 속성 여러개 입력 시 속성값 뒤 ; 넣어주기 
- 여러가지 태그에 같은 속성을 넣어줄때 선택자쓸때 , 사용

- 같은곳에 속성값 여러번 입력 시 가장 나중에 적은 속성값으로 덮어짐

 

 

---

 

 

문서 전체를 선택

 

--------------------------------------------

<style>

*{color:#ffd800}

</style>

--------------------------------------------

 

문서 전체 폰트색상을 #ffd800 컬러로 변경

초기값 설정할 때 많이 사용

 

{margin:값}

{hadding:값}

{font-size: large}

 

전체태그속성값 설정 후 변경할 태그들 선택해서 속성값 변경해주는 방법으로 많이 쓰임

 

 

 

---