TIL 2023-01-03

Today I Learned

• 생활코딩 JavaScript 강의중 간단하게 CSS에 대해 배웠다.
• CSS <style>속성을 이용해 웹 사이트의 폰트 색상, 진하게, 배경색을 조절해 보았다.
• <span>태그는 아무 태그도 붙어 있지 않은 글자에 속성을 주고 싶을 때 사용가능하다. 태그 닫기와 세트이며 이 <span>태그 안에서 class나 id 선택자를 부여하여 속성적용의 우선순위를 정할 수 있다.
• <span>태그와 <div>태그의 차이점 - 선택하는 영역이 다르다. <span>태그는 문장 단위로 영역이 설정되며, <div>태그는 박스 단위로 영역이 설정된다. 따라서 <div>태그는 영역의 크기조절이 가능하지만 <span>태그는 불가능하다. <span>태그는 자동 줄바꿈이 되지 않지만 <div>태그는 자동으로 줄바꿈이 된다.

Realization

• 아무래도 백엔드 공부를 하다보니 JavaScript가 우선순위되어 CSS를 미루게 되었는데 이 강의 안에서 간단하게 나마 배워서 다행이라고 생각했다.
• 간단한 폰트설정 정도는 가능하겠지만 완벽하지 않기에 검색하는 능력을 길러서 좀 더 다양한 속성들을 자유자재로 부여할 수 있도록 연습해야겠다.