728x90
[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..
[CSS] 의사 요소 pseudo-element CSS 의사 요소(pseudo-element 가상요소)는 선택자에 추가하는 키워드로, 선택한 요소의 일부분에만 스타일을 입힐 수 있다 1. 문법 selector::pseudo-element { property: value; } 하나의 selector에 하나의 pseudo-element를 사용할 수 있다 반드시 단순 selector 뒤에 위치해야 한다 단일 콜론(:)이 아닌 이중 콜론(::)을 사용해 의사 클래스(pseudo-class)와 의사요소를 구별 한다. 그러나 과거 W3C 명세에서는 이런 구별을 두지 않았기 때문에 대부분의 브라우저는 기존 의사요소에 대해 두 구문 모두 지원한다. 2. 목록 ::after (:after) ::backdrop ::bef..
요즘 티꾸(티스토리 꾸미기) 에 맛들렸다. 파비콘도 새로 설정하구 아이콘도 내가 바꾼 색상에 맞춘 이미지로 설정 끝~ ㅋㅋㅋ 이젠 코드 블록이다.... 특히 인라인 코드블록이 너무 못생겨서 일부러 내가 따로 색 입히고 그랬음 ㅠㅜ 구선생님께 여쭤보니 highlight.js를 많이 쓰는 듯 관련글 🔗 [티스토리 꾸미기] highlight.js와 코드 블록, inline 코드 블록 꾸미기 1. 테마 고르기 https://highlightjs.org/static/demo/ 이 페이지에 들어가면 여러 테마들의 데모들을 볼 수 있다 그중에서 마음에 드는 걸 골라보자. 내가 고른 테마는 Lioshi. 뭔가 감자가 테마? 이다 보니까 너무 쨍한 테마는 별로 안맞는거 같아서 적당히 채도가 낮은 Lioshi로 골랐다. ..
내 블로그 - 관리자 홈 전환 |
Q
Q
|
---|---|
새 글 쓰기 |
W
W
|
글 수정 (권한 있는 경우) |
E
E
|
---|---|
댓글 영역으로 이동 |
C
C
|
이 페이지의 URL 복사 |
S
S
|
---|---|
맨 위로 이동 |
T
T
|
티스토리 홈 이동 |
H
H
|
단축키 안내 |
Shift + /
⇧ + /
|
* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.