1. Margin
마진을 한번에 입력할 때 순서
margin: top right bottom left;
margin: top-bottom right-left;
2. 상대경로 입력
. 현재 파일이 위치한 경로 (현재 파일은 ./생략가능)
.. 이전경로 or 상위경로
3. float (clear: both;)
가려져서 안보일땐 clear: both;를 입력하자
왜 써야하는가? float는 속성이 상속되어 다음 요소에게 영향을 준다.
다음 요소가 이전 요소를 밀고 올라오는데 그때 clear: both; 를 쓰면 이러한 현상을 막을 수 있다.
4. html로 할 수 있는 간단한 유효성 검사
대부분의 유효성 검사는 js로 진행하지만 html에서 간단하게 처리할 수도 있다.
required 빈칸 체크, minlength = "최소 텍스트 길이", maxlength ="최대 텍스트 길이"
<input type="password" placeholder="비밀번호를 입력해주세요." required minlength="8" maxlength="20">
5. vscode 토글 단축키
이런 긴 내용의 코드를 축약? 토글로 묶어둘 수 있는 단축키
option + z (윈도우는 alt + z)
6. [SCSS] use import
7. [CSS] Clip-path
https://bennettfeely.com/clippy/
Clippy — CSS clip-path maker
About Clip Paths The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source. CSS Animations and transitions are possible with two or more clip-path shape
bennettfeely.com
728x90