| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 파이썬
- 백준
- til
- 토익 900
- 자바스크립트
- 2주 프로젝트
- 4주 프로젝트
- 코어 자바스크립트
- 렛츠기릿 자바스크립트
- 타입스크립트 올인원
- js
- programmers
- HTTP
- 코드스테이츠
- 손에 익히며 배우는 네트워크 첫걸음
- 알고리즘
- SQL 고득점 Kit
- 리덕스
- LeetCode
- 타임어택
- javascript
- 토익
- 리액트
- 정재남
- Async
- 회고
- codestates
- 타입스크립트
- 제로초
- 프로그래머스
Archives
- Today
- Total
목록display: list-item (1)
Jerry
[css 10초 컷] display: list-item
[css 10초 컷] display: list-item 입니다. list-item 키워드는 해당 요소(element)에 ::marker라는 유사 요소(일명, 수도;pesudo-element)를 생성하여 list-style 속성을 부여합니다. 무언가 어색하고 처음 보는 내용인 거 같지만, 이 syntax는 html, css 공부를 조금만 하셨으면 다 알만한 놈입니다. 바로, li 태그입니다. li 태그를 사용하면 해당 텍스트 앞에 나오는 점(mark)이 나오는 그 녀석입니다. 아래 코드 예시(code snippet)에 대한 결과를 보면, display 속성에 block 속성일 경우와 list-item 속성일 경우가 다르다는 것을 쉽게 알 수 있습니다. 끝! Have a good day! Have a goo..
Front/HTML & CSS
2022. 6. 26. 23:44