profile
나만의 속도로
post-thumbnail

CSS 선택자와 Grid System

tag 선택자한번에 여러 클래스를 가질 수 있고 이 경우 띄어서 표기자식선택자parent > child자손선택자parent descendants형제선택자parent + siblingparent ~ siblingli:first-child{} 리스트의 첫번째 요소에만 적용

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

CSS : Responsive Web을 위한 속성들

반응형 웹을 만들기 위해 필요한 두가지 요건스크린의 width가 768px; 을 넘을 때 변경할 요소를 적어주면 된다.vh : viewport height 라는 의미height: vh100; 와 같이 작성한다.반응형 웹을 만들때는 작은 화면부터 작업하는 것이 좋다.텍스

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

CSS / box-model, float, flex

Box Model border-radius 속성 50%를 주면 모서리가 다 깎여서 원이 된다. border-radius-left 등으로 적용도 가능 Box-type : display Block : 길을 막는 성질 남는 공간에 아래의 요소가 들어갈 수 있을 것 같

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

HTML & CSS (2) TIL

Margin Auto > NOTE -마진 값이 1개 일때 : 사방 모두 같은 값 -마진 값이 2개 일때 : 위&아래/오&왼 -마진 값이 4개 일때 : 위/오/아래/왼 순으로 적용 List >NOTE CSS Selector Table >NOTE Input

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

HTML & CSS (1) _TIL WECODE 1st day.

NOTENOTE브라우저가 Georgia 라는 폰트를 지원해주면 Georgia 폰트로 적용하고, 만약 Georgia 폰트가 지원되지 않으면, "Times New Roman"을, 이것도 없으면 Times, 앞의 세 가지 폰트가 전부 없으면 serif라는 폰트를 사용하겠다는

2020년 4월 21일
·
0개의 댓글