스타일 2

display: grid

@참조 : http://www.usefulparadigm.com/2017/03/31/a-few-ways-to-make-a-grid-layout/ https://hackernoon.com/the-ultimate-css-battle-grid-vs-flexbox-d40da0449faf https://www.w3schools.com/cssref/pr_grid.asp https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Grid_Layout https://blog.sonim1.com/198 grid 는 css 로 레이아웃을 구현을 도와준다. 이전에 table 태그로 레이아웃을 설계했을 때처럼, 중앙정렬 이라던지, 격자형태의 레이아웃 구현을 가능하게 한다. 현재의 레이아웃 구현방..

스타일 2022.08.25

웹에서의 폰트

@refer: 컴퓨터 글꼴 서체 CSS Fonts 폰트랭킹 Web Safe Font Stacks 웹디자이너가 디자인 한 것을 웹에 옮기려면 웹디자이너가 원하는 것을 구현할 수 있는 기술을 알고 있어야 한다. 디자이너 마다 성향이 달라서 어떤 디자이너는 폰트를 중요하게 보고, 어떤 디자이너는 비쥬얼을 중요하게 보고... 하는거 같은데, 디자인에 대해선 전혀 모르기 때문에, 어떤게 중요한지는 모르겠고, 일반인의 눈으로 보는 웹디자인은 전체를 보게 된다. 전체적으로 봤을때 이쁘면 이쁘다. 어색하면 어색하다 정도의 주관적 의견이 있을뿐이다. 이렇게 주관적 일수 밖에 없는 이유는 학문적 뒷받침이 없기 때문에, 왜 어색하고, 왜 이쁜지를 설명할 수가 없다. 컴퓨터 글꼴 컴퓨터에게 글꼴은 3가지가 있다. 비트맵 방식..

스타일/font 2022.08.25