CSS.3

<효과>

text를 가운데 정렬하거나  크기를 키우는 방법에 대해 알아보자

먼저 정렬하는 Property는 text-align이고,

크기를 정하는 Property는 font-size이다.

font-size옆에는 px이나 %를 사용하여 크기를 적절하게 조절하면 된다.

 

<선택자>

선택자와 속성을 이용하여 효과 주는 방법을 배웠다. 하지만 우리가 배운 방법으로는 일부 선택자들에게

효과 주기가 어렵다

그래서 그룹을 묶어 효과 주는 방법에 대해 알아보자

먼저 a태그안에 class라는 html언어를 사용한다.

그리고 .saw를 이용하여 효과를 준다.

여기서 .saw의 의미는 class가 saw인 선택자가 있는 태그에게 효과를 준다 이다.

여기서 '.'을 잘 기억하자

class 안에 다른 선택자를 넣어 효과를 줄 수 있지만 그렇게 되면 '순서'의 문제가 발생한다

알아보자

이번에는 id라는 html언어를 이용한다.

id안에 선택자를 입력하고

효과를 주면 된다(여기서는 #을 기억하자)

 

그리고 여기서 우선순위에 대해 알아보자

 

효과를 줄 때는 #active -> .saw -> a 순서이다.

포괄적일 수록(범위가 클수록, 문서에 많이 나올수록) 우선순위가 낮아진다.

만약 같은 선택자인 경우 가장 마지막에 나온 선택자의 우선순위가 가장 높다

 

또한 id는 중복이 안되는 속성이다. 그래서 이 문서에서는 active가 또 나오면 안된다.

 

포괄적일 수록 우선순위가 낮아야 웹을 만드는 데 가장 효과적이다.

그래서 우선순위를 잘 기억하자.