# 가웹사

7개의 포스트

플렉스(flex)

플렉서블 박스 레이아웃(flexible box layout)이란 그ㅏ리드 레이아웃을 기본으로 해 플렉스 박스를 원하는 위치에 배치하는 것이다. 플렉스 박스를 이용하면 여유 공간에 따라 너비나 높이, 위치를 자유롭게 변형이 가능하다.배치하려는 웹 요소들이 있다면 그 요소

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

뷰포트부터 반응형 웹까지 개념정리

웹 페이지내에서 브라우저 화면상에서 실제 표시되는 영역을 뷰포트라고 합니다.뷰포트는 장치에 따라 다릅니다.모바일 화면에서는 작고, 컴퓨터 스크린에서는 보다 큰 영역을 가지고 있습니다.스마트폰과 태블릿의 전성시대 이전의 기성 웹사이트들은 오직 컴퓨터 스크린에만 맞춰서 디

2020년 3월 31일
·
2개의 댓글

CSS3와 애니메이션

13-1 변형 2차원 변형과 3차원 변형 이미지 변형은 크게 '2차원 변형', '3차원 변형'으로 나뉜다. 2차원 변형 - 웹 요소를 변형시킬 때 단순히 수평이나 수직으로 이동하고 회전하는 것을 말한다. 수평이나 수직으로 옮기는 것은 x축과y축 으로 이동하는 것이기

2020년 3월 30일
·
0개의 댓글

다재다능한 CSS3 선택자

12-1 연결 선택자 하위 선택자 - 지정한 모든 하위 요소에 스타일 적용하기 하위선택자는 부모 요소에 포함된 하위 요소 모두 스타일이 적용되는 것으로 자손 선택자라고도 한다. 즉. 자식 요소뿐만 아니라 손자,손자의 손자요소 등 모든 하위 요소까지 적용된다. 지정한

2020년 3월 23일
·
0개의 댓글

레이아웃을 위한 스타일

8-1. CSS와 박스 모델 블록 레벨 요소와 인라인 레벨 요소 박스 모델은 블록 레벨 요소 or 인라인 레벨 요소인지에 따라 나열 방법이 달라진다. 블록 레벨(block-level)요소 태그를 사용해 요소를 삽입했을 때 한 줄을 다 차지하는 요소이다. 즉 widt

2020년 3월 16일
·
0개의 댓글

색상과 배경을 위한 스타일

1.웹에서 색상 표기하기 16진수 표기법 웹 문서에서 색상을 표현하는 첫 번째 방법은 #ffff00처럼 '#'기호 다음에 6자리의 16진수로 표시하는 것으로 가장 기본적인 방법이다. 이 6자리는 앞에서부터 두 자리씩 묶어 #RRGGBB형식으로 표시한다. RR자리는 빨

2020년 3월 10일
·
0개의 댓글

이미지와 하이퍼링크

1.이미지 웹에서 사용하는 이미지 형식 GIF : 256가지의 색상만 지원, 파일 형식에 비해 파일 크기가 작기 때문에 작은 이미지에 주로 사용 투명한 배경, 움직이는 이미지를 만들 수 있다. JPG/JPEG : GIF보다 다양한 색상

2020년 3월 3일
·
0개의 댓글