TIL-CSS(Property,Selector)

22.04.17

💜 CSS font-size Property

font-size 속성

• font size 속성은 글꼴의 사이즈를 설정합니다.

<style>
  h1 {
  font-size:45px;
  }
</style>

🧡 CSS text center Property

text-align 속성은 텍스트의 정렬 방향을 의미합니다.

 <style>
   h1 {
   text-align: center;
   }
  </style>

💛 CSS Selector

📌 클래스 셀렉터(Class Selector)

class값을 선택하는 셀렉터입니다. class라는 속성의 값이 가능하고 띄어쓰기로 구분합니다. 권력이 같으면 가장 최근의 명령을 듣습니다.

/*css*/
<style>
   .saw {
   color:gray;
   }
  /*html*/
   <li><a href="1.html" class="saw">html</a><li>

✅ 여기서 class와 saw는 모두 CSS가 아니라 HTML이다.
✅ saw만 사용시 웹페이지의 모든 'saw'라는 이름을 선택하는 선택자이고,
class값이 saw인 태그를 나타내려면 '.saw' 앞에 점을 붙입니다.

📌 ID 셀렉터(ID Selector)

id값을 선택하는 셀렉터입니다. id는 html에서 중복되어 사용할 수 없습니다.
포괄적이지 않으므로 주로 예외를 둘 때 사용합니다.
class 선택자보다 우선순위입니다.

 /* css */
#active {
 color:red;
 }
 .saw {
 color:gray;
 }
 /*html*/
 <li><a href="1.html" class="saw">HTML</a><li>
 <li><a href="2.html" class="saw" id="active">CSS</a><li>

✅ class선택자가 나중에 입력되었지만 id선택자의 힘에 밀림