Notice
Recent Posts
Tags
- verilog
- Algorithm
- behavioral modeling
- structure
- siso shift register
- Recursion
- ATMEGA128A
- structural modeling
- Pspice
- dataflow modeling
- interrupt
- Set
- Linked List
- normal mode
- gpio
- java
- Comparator
- LED
- half adder
- atmega 128a
- full adder
- Shift Register
- fast pwm mode
- ctc mode
- MUX
- ring counter
- Method
- atmega 128
- D Flip Flop
- interface
거북이처럼 천천히
HTML/CSS - 꿀팁 ( Tips - part 2 ) 본문
1. <link rel="stylesheet" href=""> 한 번에 생성
- link 작성 뒤, Tab를 누르면 한 번에 생성 가능
2. <li>안에 <a>가 있는 태크를 한 번에 n개 생성
- (li>a)*n : <li>안에 <a>가 있는 태크를 그룹화하여 n 개 생성
3. display : none 가 동작을 못할 경우
- display : none !important; 작성
4. 자연스럽게 side bar를 나오게 하는 방법
- 첫 번째 아이디어 : 초기 width를 0px으로 설정한 뒤, "active" class를 추가하면 width를 원하는 만큼 늘어나도록 설정
그리고, transition을 통해 자연스럽게 만들어 준다.
- 두 번째 아이디어 : 해당 div의 position을 fixed시켜 고정시킨 뒤, 화면 밖에 위치시켰다가 toggle button 클릭하면
화면 안쪽으로 위치시키도록 만들어서 자연스럽게 나오게 만든다.
'Front-end > HTML + CSS' 카테고리의 다른 글
HTML/CSS - pseudo-class, pseudo-element (0) | 2022.05.18 |
---|---|
HTML/CSS - 꿀팁 ( Tips ) (0) | 2022.03.05 |
HTML/CSS - animation (0) | 2022.03.03 |
HTML/CSS - action, method (0) | 2022.03.03 |
HTML/CSS - 아이콘 무료 사이트 추천 ( Font awesome ) (0) | 2022.03.02 |