[HTML/CSS] :: selection 글자 선택 했을 때 효과 주기

[HTML/CSS] :: selection 글자 선택 했을 때 효과 주기 1. :: selection :: selection은 텍스트 클릭이나 드래그 처럼 사용자가 하이라이팅을 할때 스타일을 적용하는 CSS 의사요소이다. 관련 이전글 [CSS] 의사 요소 pseudo-element 코드 이 문장을 드래그 해보시면 빨간 글자에 노란 바탕이 보입니다. 결과 이 문장을 드래그 해보시면 빨간 글자에 노란 바탕이 보입니다. 2. 허용된 properties color background-color text-decoration와 이것과 연관된 properties text-shadow stroke-color, fill-color and stroke-width * 근데 난 text-decoration에서 underlin..

• format_list_bulleted HTML . CSS
• · 2022. 7. 31.
• textsms

[티스토리 꾸미기] 코드 블럭에 line number 추가하기

코드 블럭에 줄번호를 넣으면 긴 코드를 읽을 때 훨씬 가독성에 좋다. 오늘은 코드블록 꾸미기 2탄 격인 코드블럭에 줄번호 넣는 방법에 대해 적어보겠다. 관련글 🔗 [티스토리 꾸미기] highlight.js와 코드 블록, inline 코드 블록 꾸미기 1. js 다운 받기 https://github.com/wcoder/highlightjs-line-numbers.js/ GitHub - wcoder/highlightjs-line-numbers.js: Line numbering plugin for Highlight.js Line numbering plugin for Highlight.js . Contribute to wcoder/highlightjs-line-numbers.js development by cr..

• format_list_bulleted Useful_story
• · 2022. 7. 14.
• textsms

[티스토리 꾸미기] highlight.js와 코드 블록, inline 코드 블록 꾸미기

요즘 티꾸(티스토리 꾸미기) 에 맛들렸다. 파비콘도 새로 설정하구 아이콘도 내가 바꾼 색상에 맞춘 이미지로 설정 끝~ ㅋㅋㅋ 이젠 코드 블록이다.... 특히 인라인 코드블록이 너무 못생겨서 일부러 내가 따로 색 입히고 그랬음 ㅠㅜ 구선생님께 여쭤보니 highlight.js를 많이 쓰는 듯 관련글 🔗 [티스토리 꾸미기] highlight.js와 코드 블록, inline 코드 블록 꾸미기 1. 테마 고르기 https://highlightjs.org/static/demo/ 이 페이지에 들어가면 여러 테마들의 데모들을 볼 수 있다 그중에서 마음에 드는 걸 골라보자. 내가 고른 테마는 Lioshi. 뭔가 감자가 테마? 이다 보니까 너무 쨍한 테마는 별로 안맞는거 같아서 적당히 채도가 낮은 Lioshi로 골랐다. ..

• format_list_bulleted Useful_story
• · 2022. 7. 13.
• textsms