1.IF문 작성 시, 실행부가 한 줄로 끝나는 경우
1) 중괄호 없이 생략 가능
2) 아예 조건을 작성한 괄호 옆에다가 작성할 수도 있음
| 반복문 (for of, while, do while) (0) | 2023.01.25 |
|---|---|
| for문 사용 시, 초기값 및 증감문을 밖으로 뺄 때 작성법 (0) | 2023.01.24 |
| 오토셋 서버 활용 ajax load( ) 사용하기 (0) | 2023.01.06 |
| 자바스크립트 템플릿 리터럴 및 역따옴표("백틱") 개념정리 (0) | 2023.01.01 |
| 자바스크립트 내 이미지 경로 가져올 때 (0) | 2022.12.23 |
1.em이란? :
- element의 약자, px, pt와 달리 어떤 기준에 따라서 유동적으로 바뀔 수 있는 길이를 나타내는 상대 단위!
2.사용방법 :
- em, rem 모두 CSS의 font-size 속성값에 따라 결정된다.
예를 들어 font-size가 16px인 경우,
1em = 16px
2em = 32px
3em = 48px
3.em과 rem의 차이점 :
- em은 해당 단위가 사용되고 있는 요소의 font-size
- rem은 root, 즉 최상위 요소 <html>요소의 font-size 속성 값이 기준이 됨.
*참고사이트
| jQuery PC 및 Mobile 버전 체크 (0) | 2023.02.12 |
|---|---|
| counter-increment 속성 (0) | 2023.02.12 |
| border-box vs content-box 차이점 (0) | 2023.01.24 |
| vh vw 그리고 %와 차이점 (0) | 2023.01.24 |
| 플렉서블 박스 flexible box 레이아웃 (0) | 2023.01.24 |
CSS box-sizing 속성 차이점
1.content-box :
- 지정한 CSS width 및 height를 컨텐츠 영역에만 적용
2.border-box :
- 지정한 CSS width 및 height를 전체 영역에 적용
*참고사이트
https://dasima.xyz/css-box-sizing-content-box-vs-border-box/
| counter-increment 속성 (0) | 2023.02.12 |
|---|---|
| CSS에서 em과 rem 의 의미 (0) | 2023.01.24 |
| vh vw 그리고 %와 차이점 (0) | 2023.01.24 |
| 플렉서블 박스 flexible box 레이아웃 (0) | 2023.01.24 |
| (CSS)에서 hr, td 스타일 적용시 유의사항 (0) | 2022.11.20 |