# line height
pinpoint learning - 잠깐 까먹은 css 속성 🤦♂️
😂 현업에 와서 css 를 너무 오랜만에 다뤄서 개념적으로 까먹은 것들을 다시 정리하면서 리마인드 하고자 한다 ! 작은 부분이라도 부족한 부분은 채우고, 모르는 부분은 순간순간 알아가고 점진적으로 성장하자.
[9] 03/24 자바스크립트 수업 (2)
색변경글씨 크기글씨 두께 ( 폰트별로 다름 )줄간격글씨 스타일 ( italic은 기울여줌 )그림자 ( 가로px 세로px 선명도px )글씨 간격리스트 스타일 ( none은 리스트앞 점을 빼줌 )
line-height 계산
텍스트 라인의 높이를 의미하고, 행간을 제어할 때 사용한다.line-height로 제어되는 부분을 line-box 라고도 하며, 폰트 사이즈 + 상하단의 여백 까지를 의미한다.number 와 % 로 선언할 때, 두 값 모두 font-size를 기준으로 동작하기 때문에
[CSS] 문단과 목록 스타일 2-3
텍스트의 정렬 방식을 지정한다. 직관적으로 알 수 있듯, 기본값인 left는 왼쪽, center는 가운데, right은 오른쪽으로 텍스트(및 인라인 요소들)을 정렬한다. justify는 왼쪽으로 정렬하면서, 텍스트가 여러 줄이 될 때 마지막 줄을 제외한 줄들의 오른쪽이
4-3. CSS문법 정리
display 속성이 flex로 설정되어 있으면 text-align 속성을 지정해도 가운데 정렬이 되지 않습니다.이 때는 위 예제와 같이 justify-content 속성을 설정해 주어야 합니다.padding : 100px 0; 여기서는 div의 padding을 지정하
7/1 7일차
CRUD의 기능 구현이 마무리 되어, 오늘은 전체적인 뷰를 만질 것 같다.그 전에 리액트 쿼리에 대해 궁금해져 강의를 찾아 들었는데,데이터를 효과적으로 관리하는 것을 보면서 굳이 리덕스가 필요한 건가...? 라는 의문을 갖게 되었다.그리고 정리했다! 명확한 차이점이 있
문단 스타일
텍스트가 써지는 방향을 설정함기본값은 왼쪽 -> 오른쪽 (left-to-right: ltr)오른쪽 -> 왼쪽 (right-to-left: rtl)수평으로 정렬할 때 사용block요소에만 적용텍스트의 간격기본값 auto문단의 첫 줄을 들여쓰기 할 때 쓰임텍스트를 담고 있
text style
bullet 없애기text-shadow: 가로 세로 번짐정도 색상;letter-spacing : 자간line-height: 행간 \- padding / margin 을 대신할 수 있음
가로 가운데 정렬은 text-align: center, 그럼 세로 가운데 정렬은?
검은색 상자 안에 Hello World 내용을 가지는 <div>를 작성한다.해당 요소를 가운데(가로) 정렬하기 위해서 text-align: center;를 부여한다.현재 검은 박스의 height 값은 250px이다. Hello World에 line-height값을
CSS font
!youtubei464e6k4rPEfont-family는 서체를 보호하는 속성입니다. 같은 방법으로. h1{ font-family: "Times New Roman", Times, serif;}위 코드의 의미는 h1 Times New Roman을 시작합니다. 사용자
[CSS] 가운데 정렬하는 방법 모음
수평정렬만 가능하고, 수직 정렬은 불가능하다.예를 들어 div는 블록 레벨인데,margin이 오른쪽으로 기본적용되어있는 것을양쪽이 동일한 간격으로 자동으로 margin을 맞춰주는 것이기 때문이다.text외 다른 요소들을 가운데 정렬할 때도 쓰인다.div같은 경우는 블록
TIL - 08. button의 높이 차이
하나의 div안에 두 button을 나란히 가운데 정렬을 하다가 문제가 생겼다. 이렇게 봐서는 눈이 안좋은가 싶었지만 개발자도구로 자세히 들여다보니 확연히 차이가 났다. 분명 같은 div 안에 같은 class를 가지고 같은 속성을 적용했는데도 높이에 차이가 보이는
CSS Trick 001 line-height
❓display:flex 선언없이 text를 정중앙에 놓고 싶다면? ❗line-height를 height와 같은 값으로 선언하면 된다.
큰 폰트사이즈의 글자 짤림 오류 해결
css에서 font-family로 동일한 font-size를 적용했을 때, 서로 다른 높이값을 가지게 된다. 각 폰트 자체가 갖고 있는 다른 매트릭스로 인해 높이값이 다르게 된다. 이전까지만 해도 글자가 위아래로 짤릴 경우, line-height: 1.0이나 line-height: 1.5 등의 값을 적용하면서 오류를 수정하곤 했다. 하지만 출처에 명시한 아...