HTML/CSS

나의 첫 Today I Learned 기록이다.매일 새롭게 알아가는 내용들에 대한 기록이자 나의 하루를 돌아보는 일기와도 같은 것이다.한 귀로 듣고 한 귀로 흘리듯 많은 정보들을 흘려 보내왔던 지난날들을 반성하며 이제는 그냥 흘려 보내지 않으리라!! 하는 마음으로 시작

1. css - position속성으로 정렬하기 position 속성은 레이아웃을 배치하거나 객체를 위치시킬 때 사용한다. position:static 초기값으로 위치를 지정하지 않을 때와 같다. 따라서 사용할 일이 많지 않지만, 앞에 설정된 position을 무시할

위코드 사전스터디 1주차 과제 - HTML/CSS를 이용하여 자기소개 페이지 만들기 구현하고 싶었던 기능들 1. overlay 텍스트 위로 마우스 오버했을 시 이미지로 바뀌는 기능을 사용해 보고 싶었다. 가상선택자 hover를 사용한다. 참고 사이트 : https:

반응형 웹이란 하나의 웹사이트로 데스크탑 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹 페이지이다.미디어 쿼리는 CSS3부터 지원되는 CSS기술로 미디어 타입, 화면 크기 등을 기준으로 다른 스타일 시트를

1. 하나의 class에 여러 값을 넣을 수 있다. 2. cubic-bezier cubic-bezier() function은 CSS에서 transition 속성 혹은 transition-timing-function 속성에서 전환 시작과 끝까지의 효과를 제어하는데 쓰인

1. HTML - form() 태그 form() 태그는 사용자로부터 입력을 받을 수 있는 HTLM 입력 폼(form)을 정의할 때 사용한다. 폼 태그 속성 폼 태그 속성에는 name, action, method, target 등이 있다. 폼 속성을 이용하여 전송할 때

사이트에 이미지를 넣는 방법은 두 가지가 있다.1\. <img> 태그 사용하는 것2\. background-image 속성을 추가하는 것위 두 가지 방법 모두 이미지를 불러오는 방법이지만 차이점이 있다. 이미지 로드가 실패했을 상황을 통해 두 경우의 차이점과 용도

position 속성 - relative, absolute, fixed static static은 기본값이다. => 특별한 의미 없음! relative relative는 별도의 프로퍼티를 지정하지 않는 이상 static과 동일하게 작용한다.(특별한 의미 X) 상대 위

inline, inline-block, block display 속성값을 설정할 때 '이 요소는 inline이니깐 block 으로 바꿔야 하고 저 요소는 block이니 inline으로 바꾸는게 좋다' 라는 설명이 따를 때 대체 왜..? 뭐가 달라지는 거지..? 매번

float float 속성은 요소가 띄워지게(floating) 만드는 속성이다. 기본적으로 left 또는 right을 입력하게 되는데 left를 입력할 때는 해당 컨텐츠가 왼쪽으로, right을 입력할 때는 해당 컨텐츠가 오른쪽으로 뜨게(?) 된다. 중앙 정렬 너비