CSS level.1

CSS 문법

1. 선택자의 역할

div {
	font-size: 20px;
    	color: blue;
}

/* 다음과 같이 이해 할 수 있습니다. */
선택자 {
	속성 : 값;
    	속성 : 값;

• 선택자의 역할
  선택자는 html에 스타일 즉, css를 적용하기 위해 html의
  스타일을 입히고자 하는 요소를 선택하는 사인입니다.

  " 나는 div 선택자 안에 font-size를 20px로 적용하겠어!"
  " 그리고 파랑 글자색으로 적용하겠어!"

  와 같이 적용할 스타일을 속성(font-size, color)과
  값(20px, blue)등 으로 나타내고 적용할 대상을 선택자로 나타냅니다.

2. 속성(Attributes)과 값(Value)

div { 
    color: blue;   /*  글자색은 파랑  */
    font-size: 32px;  /*  글자 크기는 32px  */
    width: 200px;  /*  가로 너비는 200px  */
    margin: 10px;  /*  바깥 여백은 10px  */
    padding: 10px 20px;  /*  안쪽 여백은 위아래 10px, 좌우 20px  */
    position: absolute;  /*  위치는 부모 요소 기준?? ++  */
}

/* 다음과 같이 이해 할 수 있습니다. */
선택자 {
	속성 : 값;
    	속성 : 값;

• html과 마찬가지로 속성과 값이 사용된다.
  우선 속성과 값은 많이 아는 것이 중요하고
  각 속성과 값이 의미하는 역할을 모른다면 방법이 없다.
  
  "I love you"
  
  와 같이 주어, 동사, 목적어에 알맞는 수많은 단어들이
  있듯이 많은 속성과 값을 알수록 멋진 스타일(css)를
  만들어낼 수 있습니다.