우리는 css를 통해서 웹페이지를 예쁘게 원하는 대로(?) 만들 수 있다. 이 수업에서는 두가지를 목표로 했는데 1. h1 의 크기를 더 키우기 2. h1 을 가운데 정렬하기 이었다. 사실 어제 강의를 듣고나서 두번째로 다시 듣는 거라서 기억을 되살려서 했다가 기억이 나지 않았다. 그래서 검색창에 css text size property 라고 쳤는데 font가 나왔다. 아마자 font였지.ㅎㅎ,, 그리고 2번은 생각이 나서 수월하게 할 수 있었다. 이 캡쳐에서는 오른쪽에 있는 것처럼 보이지만... 화면상에는 가운데로 정렬되었다. 우리는 많은 것을 모르지만 검색을 통해 바로 알아낼 수 있기 때문에 아는 것과 다름없다는 말이 감명깊었다.
몇일동안 조금 게을러져서 안하다가 다시 마음을 다잡고... 공부를 시작하였다. 코로나 때문에 어디 가지도 못하고 이게 뭐람! 오늘은 CSS의 기본문법에 대해서 배웠다. CSS를 이용하는 방법에는 두가지가 있다. 1. 안 여기서 링크가 연결된 것의 밑줄을 없애고 싶을 때 { }안에 text-decoration:none; 을 넣어준다. 그러면 모든 a 태그에 대해서 밑줄이 없어진다. (여기서 세미콜론(;)을 쓰는 이유!) 1. color:red; text-decoration:none; 이 둘을 한줄에 썼다고 가정하면 ;를 사용하지않으면 구분이 되지 않는다. 2. 효과가 끝나는 지점에 대한 표시 하지만, 내가 선택한 링크 a 에 대해서는 밑줄을 남기고 싶을때는 head아래의 style말고 안에 style="t..
- Total
- Today
- Yesterday
- WebServer
- EASY ENGLISH
- 기록
- property
- 기초
- 스피킹공부
- EBS
- Python Basic
- BASIC
- gitbash
- CSS
- html
- speaking
- 생활코딩
- study
- 문단
- web
- web1
- Head
- tag
- ATOM
- SCRIPT
- git
- 파이썬기초
- Python
- 줄바꿈
- EasyEnglish
- img
- title
- list
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |