개발자 되기 위한 발자취 5일차.

신철민·2021년 9월 11일
0

Web

매 강의마다 새로운 태그와 언어를 알아는 것은 늘 흥미롭다.
이번 시간에는 grid 언어와 boxmodel에 대한 기초적인 내용을
배우고 그것을 활용해 보는 시간을 가졌다.

1.선택자, 속성, 속성값
- 검색의 중요성과 스스로 찾으며 알아가는 공부법

2.Box model
- Box model을 활용하여 웹페이지의 제목, 목차, 본문의 내용을 구분

3.Gird
- Box model을 이용하여 만든 웹사이트에서 Gird를 활용하여 목차와 본문의 위치를 수정, 개발자도구를 사용해 텍스트 배치

기본문법

  • 글자 색 바꾸는 것 : {color:red}
  • 글자 전체 밑줄 빼는 것 : {text-decoration: none}
  • 글자 일부분 밑줄 긋기 : underline
  • 글자 정렬 : 속성명 text-align / 속성값 left, center, right, justift
  • 글자 굵게 : 속성명 font-weight / 속성값 숫자
  • 글자 크기 : 속성명 font-size / 속성값 숫자
  • 박스 생성 : border
  • 선택지의 우선순위 태그<class<id.
  • 공간전체를 사용 : (div) block level element
  • 글자만큼의 공간을 사용 : (span) inline element
profile
쉬운 일이었다면 나에게까지 오지 않았을 것

0개의 댓글