CSS를 이용해 스타일 주는 방법, 자주 사용하는 스타일

CSS에서 자주 사용하는 스타일! (계속 업데이트 할 예정)

color : 텍스트 색상 변경
background-color : 배경색 변경
border : 테두리 (두께 스타일 색상)
width / height : 넓이 / 높이 지정
text-align : 정렬 (left, center, right)
margin : 영역 밖 공간 (top, left, right, bottom)
padding : 영역 안 공간 (top, left, right, bottom)
font-size : 글자 사이즈 변경
font-family : 글씨체 변경
font-weight : 글자 굵기 조절
padding-left <-> text-indent : padding은 개체 전체가 이동하고 text-indent는 첫부분만 들여쓰기가 되는 것
float : 이미지 또는 html태그 요소를 배치 (none, right, left)
text-decoration: none : 텍스트의 밑줄 등을 없애줌 (a태그를 사용했을 때 유용)
hover : 어떤 이벤트가 발생했을 때의 스타일을 지정. hover는 마우스 커서를 갖다 댔을 때 발생하는 이벤트.
active : 어떤 이벤트가 발생했을 때의 스타일을 지정. active는 마우스를 클릭했을 때 발생하는 이벤트.

HTML태그에 스타일을주는 방법은?

div {
  color:red;
}

p {
  color:blue;
}

  <body>
  
    <div> div에 red. </div>
    <p> p에 blue. </p>
    태그 없는 것.
    
  </body>

#new-style {

color:red;

}

  <body>
    
    <div id="new-style"> div에 red. </div>

  </body>

CSS 코드 -
- (주의) 코드 맨 앞에 .(마침표)를 꼭 찍기.
- (참고) border는 'border: 두께 스타일 색상' 순으로 적는다.

.div {
  color:red;
  text-align: center;
}

.border-blue{
  border: 1px dashed blue;
}

  <body>
    
    <div class="div border-blue"> div에 red. </div>

  </body>