HTML&CSS (2) 썸네일형 리스트형 Web 페이지에 코드 하이라이트 UI 적용하기 개발자라면 사용해봤을 ChatGpt에서 "OO 기능 코드를 작성해줘~" 라고 질문을 하면ChatGpt 답변에서 설명과 코드를 보여주는 뷰가 다른 걸 볼 수 있다.위 사진과 같이 코드가 담겨있는 뷰는 UI가 다른것을 알 수 있는데 이 UI 를 자신만의 Web 페이지에도 간단하게 적용할 수 있다.https://prismjs.com/ PrismSupported languages This is the list of all languages currently supported by Prism, with their corresponding alias, to use in place of xxxx in the language-xxxx (or lang-xxxx) class: Couldn’t find the languag.. CSS 한 줄로 바뀐 div 수직 정렬 방법 이때까지 div 수직 정렬을 위해서는 한줄로 해결할 방법이 따로 없었다.지금까진 그래서 div 안에 또 div 를 넣고 상위 div 에 display:flex ; display:grid , align-item:center 더 이전에는 top:50% 등 수직 정렬을 하려고 여러 스타일을 넣으면서 구현하였는데 이제 그러지 않아도 된다.https://build-your-own.org/blog/20240813_css_vertical_center/ CSS finally adds vertical centering in 2024 | Blog | build-your-own.orgCSS finally adds vertical centering in 2024build-your-own.org위 글을 보면 align-co.. 이전 1 다음
