width(넓이), height(높이)

div{
  width: 100px;
  height: 100px;
  background-color: yellow;
  }

div{
  width: 100%;
  height: 100px;
  background-color: yellow;
  }

  min-width: 600px;
  max-width: 800px;

테두리를 만드는 코드

border: solid 10px red;

border-radius: 50px red;

폰트

background-color: yellow;

color: rgb(123,111,21);

font-size: 80px;

font-style: italic;

font-family: Arial, Times, sans-serif;

여러가지 서체 적용시, 앞에서부터 순서대로 지원이 가능한 폰트가 적용된다

font-weight: 100;

숫자가 커질수록 굵기가 굵어진다.

text-decoration: underline;

밑줄 적용

text-decoration: line-through;

취소선 적용

text-align: right;

오른쪽 정렬

리스트

list-style: none;

적용 후 ▼

background

background-color: yellow;

background-image: url(주소);

background-image: url(주소);
background-repeat: repeat-x;

background-image: url(주소);
background-repeat: no-repeat;

background-position: left bottom;

어려웠던점

id와 class로 부모자식관계를 만든다는 의미가 머리로는 이해가 됬지만 아직 코딩으로 구현해내기에 미흡하다.

해결방법

주말동안 강의를 반복적으로 복습하는 수 밖에..

학습소감

내가 과연 잘 할수있을까 걱정이 된다. html만 했을때는 알고 있던 부분이 많아서 앞으로가 재밌엇는데 CSS는 까막눈이라 새로 배우는 마음으로 열심히 임해야겠다.