# Letter Spacing
[9] 03/24 자바스크립트 수업 (2)
폰트를 바꿔보자 color 색변경 font-size: 20pt 글씨 크기 font-weight: 400 글씨 두께 ( 폰트별로 다름 ) line-height: 80px 줄간격 font-style: italic 글씨 스타일 ( italic은 기울여줌 ) text-shadow: 5px 5px 2px 그림자 ( 가로px 세로px 선명도px ) letter-spacing: 10px 글씨 간격 list-style-type: none 리스트 스타일 ( none은 리스트앞 점을 빼줌 ) text-decoration 주로 a태그의 밑줄을 없애는 용도로 씀

✏️ 프로젝트 진행 중 새로 배운 것
✅ Role > alt 와 유사한 속성을 가졌습니다. alt 는 우리가 볼 수 있는 상황에 오류로 인해 이미지를 보지 못하였을 때 텍스트로 알려주는 기능이라면 role은 시작 장애인처럼 사진을 볼 수 없는 사람이 인식할 수 있도록 도와주는 역할을 합니다. ✏️ 사용법 |문법|설명| |-|-| |role = "alert"|중요한 내용 및 정보가 있는 곳 또는 정보가 변경된 곳| |role = "article"|웹페이지의 내용이 들어간 곳| |role = "banner"|배너가 있는 곳| |role = "contentinfo"|안내가 있는 부분| |role = "heading"|페이지 머리말 부분| |role = "img"|이미지가 있는 곳| |role = "navigation"|메인,서브 메뉴가 있는 곳| |role = "menuitem"|메뉴 옵션이 있는 곳| |role = "exmple"/"form"|폼 양식이 있는 곳| ✅ Overflow > 요소

[220714] 오늘의 배움(TIL) - HTML / CSS / Git
🔸 HTML > * table 태그로 마크업했을 때 발생할 수 있는 이슈에는 무엇이 있는가? > > : table 태그는 tr 태그를 하위 요소로 가지기 때문에 키보드 포커싱이 위에서 아래 방향으로 고정되어 있음 > : 시맨틱한 마크업을 할 수 없고, 웹 접근성을 저하시킨다는 문제점 > * 암시적 레이블링과 명시적 레이블링의 차이는 무엇인가? > > : label 태그가 input 태그를 포함하는지 여부의 차이 > : label 태그가 input 태그를 포함하고 있으면 암시적 레이블링, 따로 연결시켜줄 필요 없음 > : label 태그와 input 태그를 각각 작성하면 명시적 레이블링, label의 for 속성과 input의 id 속성을 동일하게 연결시켜야 함 > * HTML5에 새로 추가된 input 태그의 type인 email은 어떤 장점이 있는가? > > : type을 `t

text style
`` bullet 없애기 text shadow text-shadow: 가로 세로 번짐정도 색상; letter-spacing & line-height letter-spacing : 자간 line-height: 행간 padding / margin 을 대신할 수 있음

TIL
출처 : section Expense tracker | Array methods & Local Storage ) 20 mini projects - Brad Traversy CSS part letter-spacing 글자 사이의 간격을 조절한다. (사방면 간격) text-transform text의 형태를 대문자, 소문자 등으로 변형시킨다. flex : 1 > flex:1은 다음과 같은 의미이다. flex-grow:1; flex-shrink:1; flex-basos:0; container를 100% 다 차지하며, 동일한 element들이 있는 경우 동등한 비율로 자리를 차지한다. ex) 2개의 elements -> 각각 50%; ex) HTML) CSS) flex :1 을 적어줌으로써 두 div 각각 전체 container의 50%씩 자리를 차지한다. text-align: center => 각각의 container 내에서 중앙 배치. JS

[CSS] Font & Text 속성
🎀Font font에 관련한 css속성들이다. font-size, font-family는 반드시 포함되어야 한다. 🎗️ font-size font의 size를 지정해준다. ex)font-size: 16px; 🎗️ font-style font를 기울여준다. ex)font-style: italic; 🎗️ font-weight font의 weight나 boldness를 정해준다. 몇몇 폰트들은 normal 나 bold 일 때만 가능하다. ex)font-weight: bold; (직접 숫자로 입력 가능하다.) 🎗️ font-family font 종류를 변경 가능하다. ex) font-family: 'Times New Roman'; 종류가 여러가지라면 앞에서부터 브라우저가 지원하는 font를 선택한다. 🎗️ line-height font의 위 아래 여백을 설정해준다. f