FRONT-END
FRONT-END - 부트스트랩(bootstrap)
🌱 오늘의 주제 : 부트스트랩(bootstrap) 🌱 부트스트랩(bootstrap) 스타일시트를 쉽고 예쁘게 꾸밀 수 있는 프레임워크 구글에서 부트스트랩 4 CDN 검색 부트스트랩 CDN 주소 CSS, Javascript 주소들을 복사해서 부트스트랩 Document 부트스트랩 문서 링크 Introduction Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page. getbootstrap.com 🌱 부트스트랩에서 제공하는 색상 종류 글씨 색상 예) .text-primary 배경 색상 예) .bg..
FRONT-END - block vs inline
🌱 오늘의 주제 : block vs inline 🌱 block vs inline 태그들은 inline이거나 block 중 하나에 속한다. block 한 행에 block 태그 혼자 위치하며 width, height 값을 줄 수 있다. 블록 태그의 예 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , inline 한 행에 다른 inline 태그들과 함께 위치할 수 있으며 width, height 값을 줄 수 없다. 인라인 태그의 예 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
FRONT-END : 레이아웃(Layout)란?
🌱 오늘의 주제 : 레이아웃(Layout)란? 🌱 HTML, CSS 미리보기 사이트 미리보기 HTML, CSS and JavaScript demo - Liveweave liveweave.com 🌱 div 태그 Division의 약자로 레이아웃을 나누는데 주로 쓰이는 태그 (분할, 나누기) 🌱 HTML5 시맨틱(Semantic) 태그 HTML5에서부터 표준화를 위해 새롭게 지원되는 태그이다. ... 와 비슷한 역할 div태그 : Division의 약자로 레이아웃을 나누는데 주로 쓰이는 태그 (분할, 나누기) 의미를 가지는 태그 웹페이지의 구조를 쉽게 이해할 수 있도록 정의된 태그 🌱 flex class 속성 (div 배치를 도와주는) 참고 블로그 플렉스 게임 사이트 이번에야말로 CSS Flex를 익혀보자 ..
