생활코딩공부/CSS

CSS 속성을 스스로 알아내기

루체도 2019. 8. 10. 10:14

 

내가 만든 웹페이지에 저 Web이라는 글자가 이 페이지에 메인인데

조금 더 컸으면 좋겠다 라는 생각을 할 수가 있다.

그리고 가운데 정렬또한 하고 싶다라는 생각을 할 수가 있다.

그럼 자연스럽게 어떤 생각을 하게 되냐면 이 WEB이라고 하는 텍스트가 웹페이지에서 어떤 태그인지 찾아야 합니다.

찾아보니 h1 태그입니다. 이 h1 태그의 글을 더 크게 하고 싶다 라는 마음을 가지게 됩니다.

다행스럽게도 지금 h1 태그는 하나니까 선택자로 h1을 지정해서 텍스트를 크게 키워주면 됩니다.

근데 이 방법을 모릅니다. 근데 우리는 우리가 무엇을 모르는지 아니까 검색을 하시면 됩니다.

CSS Text Size Property 라는 키워드로 검색을 해봅시다.

검색을 해서 사이트에 들어가보니 Text가 아니라 font인 것을 알 수 있고 그 뒤에 size가 적혀있습니다. 

그리고 뒤에 %가 되어 있는데 사이트의 밑으로 내려가면 여러 종류의 Property Value가 있습니다.

아무튼 검색해서 찾은걸 적용시켜 봅시다. 수치는 마음대로 조절하시면 됩니다.

이후로 이 WEB이라는 키워드를 가운데 정렬을 하고 싶습니다.

CSS Text Center Property라는 키워드로 검색을 해봅시다.

아 text를 정렬하는 것은 이렇게 하는 것이구나.. 라는걸 아실 수 있습니다.

여기서 align은 정렬하다 라는 뜻입니다.

여러분들은 이걸 암기할 필요가 없습니다.

왜냐하면 우리는 우리가 모르는 부분이 어떤 것인지 알기 때문에 

검색을 통해서 알아낼 수 있습니다. 이걸 이상하다고 생각하시면 안됩니다.

어떤 부분을 모르는지 알고 있기 때문입니다. 어차피 프로그래밍도 프로그램의 도움을 받고 있습니다.

그러니 이런 도움을 받는다고 해서 자책감에 빠질 필요는 없습니다.