전체 글 63

[CSS] position

참고 - https://opentutorials.org/course/2418/13414 - https://ofcourse.kr/css-course/position-%EC%86%8D%EC%84%B1 - position : eliment(tag)가 화면의 어디에 위치하는지를 알려주는 속성 - offset :부모 박스의 좌측 상단으로부터 자식까지의 x, y 거리 - bottom vs top : 두 값이 동시에 있을 때 순서 상관없이 top 값만 씀. - left vs right : 두 값이 동시에 있을 때 순서 상관없이 left 값만 씀. 1. position: static position의 기본값, offset 값은 설정할 수 없으며 다른 태그와 상호작용하여 원래 위치해야 하는 곳에 있게 됨. positio..

CSS 2020.05.19

[CSS] Box Model의 축약 표현

참고 - http://tcpschool.com/css/css_boxmodel_margins content, padding, border, margin을 box model이라고 한다. margin, padding을 한꺼번에 쓰고 싶을 때 축약해서 쓸 수 있다. top, right, bottom, left (시계방향)순으로 값을 쓰면 된다. 헷갈리는 것만 margin을 예로 들어 아래에 정리해보자. ​ {margin: ↕ ↔;} = {margin-top, margin-bottom: ↕ ; margin-right, margin-left: ↔;} ​ {margin: ↑ ↔ ↓;} = {margin-top: ↑; margin-right: ↔; margin-bottom: ↓; margin-left: ↔;} ​

CSS 2020.05.18

[HTML] HTML 기초

사람이 코드=소스를 작성하면 웹페이지가 만들어진다.웹페이지 여러 개가 모이면 그것을 웹사이트라고 하고기능이 많으면 웹애플리케이션이라고 한다. 1. HTML 1). 정의HyperText하이퍼 텍스트(하이퍼링크를 주로 텍스트에 걸기 때문에 hyper text라고 함)를 가장 중요한 특징으로 하는Markup마크업(태그를 이용하여 데이터를 구조화하는 것)이라는 문법형식을 가진Language언어 다른 사람들과 약속을 하였기 때문에 언어로 소통이 가능하다. *HTML5W3C에서 만들고 있는 웹 표준으로서 마이크로소프트, 모질라, 애플, 구글, 오페라 등모든 웹브라우저 벤더가 참여하고 있는 산업 표준 2). 웹표준 HTML 5 + CSS 3.0을 지켜야 하는 이유웹접근성, 상호호환성이 좋아지기 때문이다. 웹접근성 (..

HTML 2020.05.18