css 연습2

대부분을 구글링을 통해 바로바로 속성으로 만든거라... 뭔가 간편하면서도, 금방 잊어먹을 것 같다는 느낌이 드네요.

물론 그만큼 연습하고 더 많은 결과물을 내면 되겠지만서도 기존에 책을 통해 느리더라도 차근차근 단계를 밟아가는
다소 구시대적인 스타일의 학습법을 선호하는 저로서는 아직도 조금 낯설다는 느낌이 듭니다 ㅋㅋㅋㅋㅋ
도태되지 않기 위해서라도 속도좀 올려야겠습니다...

 

 

---

 

 

HTML 코드는 코딩알려주는 누나님의 저작물인지 아닌지 애매한 관계로 일단 올리지 않겠습니다.

죄송하지만 연습을 희망하시는 분들은, 위에 사진을 참고하시거나 새롭게 HTML 코드를 작성한 뒤 아래에 CSS 코드를 적용하면서 연습해보시는 것이 좋겠습니다.

 

CSS 코드

html {


  background-color: #fff;
  background-image:
    linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
    linear-gradient(#eee .1em, transparent .1em);
  background-size: 100% 1.2em;


  .challenge2 {
    margin-left: 10%;
  }

  h1 {

    color: #9b59b6;
    text-align: center;
  }

  h1::before {
    content: "Topic: "
  }

  p {
    font-size: 16px;
    font-style: italic;
    font-family: Verdana;
  }

  p::first-letter {
    font-size: 200%;
    color: #2980b9;
  }

  .sub-header {
    color: #2980b9;
  }

  height: 100%;
  width: 100%;
}

 

 

참고로 본 과제는 코딩알려주는 누나님의 HTML,CSS 강의를 듣고하였으나...
본 내용은 코드를 임의로 무단복사하여 배포한 것이 아닌, 순수하게 저의 학습의 결과물 입니다