본문 바로가기

TIL/HTML5_CSS34

Circular Navbar UI 네이버 그린닷 핀터레스트 핀버튼 삼성 등등에서 쓰이는 circular navbar ui를 만들어봤다. 2020. 12. 18.
Canvas | Circle const canvas = document.createElement("canvas"); const ctx = canvas.getContext("2d"); document.body.appendChild(canvas); canvas.width = window.innerWidth; //canvas크기를 정해줘야 깨지지 않고 나온다. canvas.height = window.innerHeight; canvas.style.backgroundColor = '#fff' for (let i = 0; i < 50; i++) { let x = Math.random() * window.innerWidth; let y = Math.random() * window.innerHeight; let a = Math.floor(Mat.. 2020. 12. 16.
[CSS] 초기 파일 참고 @charset "utf-8"; /* Web Standard CSS */ /* Common */ body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textare a,button,select{margin:0;padding:0} body,input,textarea,select,button,table{font-family:'돋움',Dotum, Helvetica,sansserif;font-size:12px} img,fieldset{border:0} ul,ol{list-style:none} em,address{font-style:normal} a{text-decoration:none} a:hover,a:active,a.. 2020. 12. 3.
[HTML5] Semantic Layout - HTML5은 Client Side Technology기술의 중심이 되는 언어로서, html만으로도 클라이언트와 서버와의 통신이 가능하게 됨 - 시맨틱 태그란 웹페이지의 구조를 쉽게 이해할 수 있도록 정의된 태그이다. 검색 엔진등에서 해석하기에 용이함. - HTML5에서 제공하는 주요 시맨틱 태그는 다음과 같다. 머리말, 상단 문서간 탐색 링크의 집합 주제별 콘텐츠 영역, 주로 제목 그룹핑 콘텐츠 실제 내용 사이드바 영역 제작자 정보, 하단 2020. 12. 3.

티스토리툴바