html과 비슷하게 속성을 줄 수 있다. 보통 [속성:값]의 형태이고, 여러 속성끼리는 ;를 통해서 구분한다.
선택자{ 속성1: 값1; 속성2: 값2 }
/* or */
선택자{
속성1: 값1;
속성2: 값2;
}
어떤 곳에 디자인을 적용할 건지 선택하는 것.
한줄 전체를 사용하는 것은 block, 자신만큼만 사용하는 것은 inline.
속성에서 display:block, display:inline으로 원하는 것을 선택 가능하다. display:none도 있다.
border: 5px solid red
span과 div는 아무 의미 없는 태그이다. h1은 제목이라는 의미가 있고 다른 대부분의 태그는 의미가 있는데 아무 의미 없이 구별만 하기 위해서 아무 의미 없는 태그를 만들었다.
span은 inline element, div는 block element 이다.
grid로 설정하기 위해선.