post-thumbnail

Position & Display

처음 Web 개발을 시작했을때는 막연하게 내용을 넣고, 이미지를 넣고, 그 다음에 하나씩 위치를 옮겨주면서 꾸몄습니다.

2020년 12월 15일
·
0개의 댓글
post-thumbnail

Semantic Web & Semantic Tag

Semantic Web이라는 개념은 2001년도에 팀 버너스리에 의해 제시되었다고 한다.

2020년 12월 14일
·
0개의 댓글
post-thumbnail

Grid 레이아웃 사용법

CSS에서 2차원의 레이아웃을 만들어야 할때 Grid 레이아웃을 사용하게 됩니다.

2020년 11월 15일
·
0개의 댓글
post-thumbnail

웹 페이지가 폰에서는 이상하다?

열심히 만든 웹 페이지를 폰으로 연 순간 형태가 망가져있어 당황한 경험이 있으신 분들이 많을 것입니다.

2020년 11월 13일
·
0개의 댓글
post-thumbnail

CSS로 animation 효과 넣어보기

매력있는 웹 페이지를 만들려면 가상 선택자로는 아직 부족합니다.animation를 적용하기 위해선 여러 하위 속성들을 정의해줘야합니다. 중요한 3가지 하위 속성들을 알아보겠습니다. animation-name은 애니메이션의 동작을 표현하는 @keyframes 이름을 설정

2020년 11월 12일
·
0개의 댓글
post-thumbnail

가상 클래스 선택자로 장식하기

텍스트 색상도 바꿔보고 배경도 꾸며봐도 정적인 웹 페이지는 매력이 떨어집니다. 사용자가 많은 웹 페이지에서는 마우스만 올려놔도 이미지가 움직이고, 메뉴바가 생기는 장면을 봤을 것입니다.

2020년 11월 11일
·
0개의 댓글
post-thumbnail

기초적인 CSS로 Web 꾸며보기

CSS는 Cascading Style Sheet의 약자로 HTML이나 XML로 만들어진 인터넷 문서의 표현을 기술하기 위한 스타일시트 언어입니다.

2020년 11월 10일
·
0개의 댓글