날아라쩡글이의 블로그입니다.

flex는 class를 부여하여 부모속성인 container와 내부에 개별적인 item으로 부여를 할 수 있다. container의 경우 display, flex-flow, justify-content, align-item 의 속성을 부여할 수 있고, item의 경우 order, flex, flex-grow, flex-shrink, flex-basis, align-self의 속성을 부여할 수 있다. flex container의 display속성은 flex는 블록 요소로 수직으로 쌓고, inline-flex는 인라인 요소로 수평으로 쌓는 점을 기억하자 flex-container flex-flow = 주축으로 여러줄을 묶는다. flex-direction : items의 주축으로 주요 x, y축을 설정한다. ..

https://codepen.io/kimseunghee27/pen/XWMLGXN XWMLGXN ... codepen.io 제가 작성한 codepen링크입니다. 누가 이겼을까요?! 첫 animaition강의 후 병원에서 사용하는 BP와 BT를 입력하는 그래프를 만들고 싶었으나 조금 더 특별하게 "제 2의 보노보노"를 만들기 위하여 특이하게 만들어 보았습니다. 기초적인 CSS문법중 font문법과 @keyframes와 함께쓰는 animaition과 위치 지정 position을 응용해보았습니다. 그리고 색상의 경우 red처럼 단위가 아닌 rgb을 사용, 다양한 색상을 사용해봤습니다. 1. 그래프 앞에 작은 상자를 입력하여 숫자입력하기 (font는 너무많으면 튀어나오니까.. 숫자로만) 2. 현재 3d강의를 듣고있..

css의 경우 문법과 속성을 배워 모양을 만들어 흥미를 유발하는 역활을 한다. css의 선택자는 중요한 요소이다. selector{ 속성:속성값; 속성:속성값; } 으로 입력한다 속성과 속성값사이는 꼭 붙여서 작성한다. property = 속성 (검색된 대상될 명령 set) value = 값 주석: /* comment */ : 문서내 수정사항이나 설명등을 작성 css선언방식==>HTML->style 작성, div style=color :red; font-size:20px; =>html의 직접입력은 피하는것이 좋다. 1. 내장 embedded방식 link type , html 외부문서로 css가져와서 입력함 추천방법 2.@import 방식 =a+규칙 =>미디어쿼리 :css @ import 를 이용하여 문서..

앞에서는 block요소의 부분과 inline부분을 약간 진행하였다. html은 전체적으로 구조를 나타내는 부분으로 나무를 나타낸다고 하면 css 꾸며주는 낙엽잎이다. block요소는 레이아웃부분은 나타내어주고 inline요소는 text를 의미하는 부분이다. abbr =abbrevivation로 약어를 의미한다. 약어를 사용하는 부분에 emmt로 이용하여, 약어를 표현할 부분을 rapping하고 abbr title로 어떤의미인지 표현하여준다. 쩡글이 이런식으로 묶어준후 쩡글이라는 단어에 마우스를 가져다가 대면 힌트를 제공해준다. inline속성이다. title의 경우 전역속성이기때문에 전체영역에 사용가능한 부분을 가지고 있다. 그렇기 떄문에 어디서든 사용이 가능하다. b=범위와 표시를 지정하는 bring ..