westagram 너란 녀석...

코딩의 ㅋ자도 모르던 내가 위코드를 들어오고 난후 처음으로 직접만들어본 위스타그램 로그인 페이지와 메인페이지에 대해 설명을 할껀데 들어줄꺼죠??

로그인 페이지 레이아웃 intro

font
font-style : [normal/italic/oblique] (문자의 형태를 지정한다)
font-weight : [normal/bold/bolder/lighter/100/200/…/900] (문자의 두께를 조절한다)
font-size : [사이즈] (글자의 크기를 지정한다)

color
color : [컬러값] (요소의 텍스트색을 지정한다)

background
background-color : [색갈값/transparent] (요소의 배경색을 기술한다)
background-image : [url(주소)/none] (요소의 배경 이미지를 설정한다)

background-attachment : [scroll/fixed] (배경의 고정과 스크롤을 설정한다)
background-position : [위치/top/center/bottom/left/right] (배경이미지의 위치를 지정한다)

text

text-align : [left/right/center/justify] (텍스트의 정렬방법을 정한다)
text-indent : [길이] (들여쓰기를 지정한다)
line-height : [길이] (라인과 라인간의 간격을 정한다)
text-justify : [newspaper/distribute-all-lines] (라인폭 자동정렬을 설정한다)
white-space : [normal/per/nowrap] (공백 처리 방법 설정)

​

boxmodel (margin, padding, border)
margin-top : [길이] (요소상부의 마진을 설정한다)
margin-right : [길이] (요소우측의 마진을 설정한다)
margin-bottom : [길이] (요소하부의 마진을 설정한다)
margin-left : [길이] (요소좌측의 마진을 설정한다)
padding-top : [길이] (요소상부의 padding을 설정한다)
padding-right : [길이] (요소우측의 padding을 설정한다)
padding-bottom : [길이] (요소하부의 padding을 설정한다)
padding-left : [길이] (요소좌측의 padding을 설정한다)

display
display : [block/inline/list-item/none] (브라우져에 디스플레이 되는 방법을 결정한다)

축구를 하든 코딩을 하든 무슨일에는 기본기가 가장 중요한 법이다!! 생정 처음본 용어들이지만 로그인페이지를 하며 많이 친숙해졌다!