본문 바로가기

전체 글

 (33)
[웹에 관하여] 이미지 포멧format_(비트맵Bitamp,벡터Vector) 웹에서 사용할 수 있는 이미지를 알아보자 비트맵 : 각각의 픽셀들이 만들어진 이미지 = 레스터Raster화된 이미지 (e.g. jpeg 포멧, gif 포멧, png 포멧) **PhotoShop > layer > raster화 메뉴 존재 > 즉, 해당 layer를 비트맵으로 만드는 기능이다. 점, 선, 면의 수학적 정보로 이루어져 있는 이미지 (e.g. svg 포멧) 비트맵 (Bitmap) 벡터 (Vector) 장점 정교하고 다양한 색상을 표현할 수 있다. 확대/축소 자유로움, 용량 변화 없음 단점 확대/축소 시 품질 저하 (계단현상으로 깨짐) 정교한 이미지 표현 어려움 (e.g.: 인물, 풍경 사진) 예시 우리가 알고 있는 대부분의 사진 이미지들 해당 아이콘, 평명적인 이미지(e.g. 로고 이미지) JP..
[Keyboard Shortcuts] 에밋 Emmet abbreviations in vscode Emmet abbreviations (에밋 약어) Html ! + tab키 기본 html 셋팅화면 img + tab키 h1 + tab키 (클래스 부여 . ) div.flower + tab키 (자식노드 >) div>ul>li (형제노드 + ) div>ul+ol+div (반복하기 *, 텍스트 입력 {} + 자동 넘버링 부여 $ ) div>ul>li*4{$} 1 2 3 4 (그룹화 () ) div>(header>ul>li*2>a)+footer (그룹화 하지 않는 경우) div>header>ul>li*2>a+footer #page>#nav>ul>li.item{hello$}*5+dl^dd hello1 hello2 hello3 hello4 hello5 Css w:200 tab키 width: 200px; bc:ora..
[CSS] To change text color in list To change the color of the inline text, targets the CSS selector “a” To remove underline from a link with CSS, ADD text-decoration: none to your code. For example, to remove underline for all links on all pages, use this CSS code: a { text-decoration: none; color: black; } This code targets the CSS selector “a”, which selects all HTML tags - the ones used for links, and adds the CSS text-decorat..

티스토리툴바