티스토리 뷰
내가 만든 웹페이지에 저 Web이라는 글자가 이 페이지에 메인인데
조금 더 컸으면 좋겠다 라는 생각을 할 수가 있다.
그리고 가운데 정렬또한 하고 싶다라는 생각을 할 수가 있다.
그럼 자연스럽게 어떤 생각을 하게 되냐면 이 WEB이라고 하는 텍스트가 웹페이지에서 어떤 태그인지 찾아야 합니다.
찾아보니 h1 태그입니다. 이 h1 태그의 글을 더 크게 하고 싶다 라는 마음을 가지게 됩니다.
다행스럽게도 지금 h1 태그는 하나니까 선택자로 h1을 지정해서 텍스트를 크게 키워주면 됩니다.
근데 이 방법을 모릅니다. 근데 우리는 우리가 무엇을 모르는지 아니까 검색을 하시면 됩니다.
CSS Text Size Property 라는 키워드로 검색을 해봅시다.
검색을 해서 사이트에 들어가보니 Text가 아니라 font인 것을 알 수 있고 그 뒤에 size가 적혀있습니다.
그리고 뒤에 %가 되어 있는데 사이트의 밑으로 내려가면 여러 종류의 Property Value가 있습니다.
아무튼 검색해서 찾은걸 적용시켜 봅시다. 수치는 마음대로 조절하시면 됩니다.
이후로 이 WEB이라는 키워드를 가운데 정렬을 하고 싶습니다.
CSS Text Center Property라는 키워드로 검색을 해봅시다.
아 text를 정렬하는 것은 이렇게 하는 것이구나.. 라는걸 아실 수 있습니다.
여기서 align은 정렬하다 라는 뜻입니다.
여러분들은 이걸 암기할 필요가 없습니다.
왜냐하면 우리는 우리가 모르는 부분이 어떤 것인지 알기 때문에
검색을 통해서 알아낼 수 있습니다. 이걸 이상하다고 생각하시면 안됩니다.
어떤 부분을 모르는지 알고 있기 때문입니다. 어차피 프로그래밍도 프로그램의 도움을 받고 있습니다.
그러니 이런 도움을 받는다고 해서 자책감에 빠질 필요는 없습니다.
'생활코딩공부 > CSS ' 카테고리의 다른 글
박스 모델 써먹기 (0) | 2019.08.10 |
---|---|
박스모델 (0) | 2019.08.10 |
CSS의 선택자의 기본 (0) | 2019.08.10 |
혁명적 변화 (0) | 2019.08.10 |
CSS의 기본 문법 (0) | 2019.08.10 |
- Total
- Today
- Yesterday
- 선택자
- 언리얼엔진
- css
- visual studio code
- php
- 알고리즘
- 안드로이드 스튜디오
- 기초
- 변수
- 네트워크 프로그래밍
- 언리얼엔진4
- TAG
- 조건문
- javascript
- HTML
- GRID
- 생활코딩
- 동영상을
- PHP&MySQL
- 관계형데이터베이스
- 차이점
- 정렬
- 객체
- Link
- inline
- 글로
- 생활코딩#동영상을#글로#html
- 문자열
- C언어
- 생활코딩#MySQL
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |