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