transition - 부드러운 애니메이션 효과로 축약형이다. transition-delay - 애니메이션효과에 진입하고 1초 후에 애니메이션 작동 ex ) transition-delay: 1s(시간); transition-duration - 애니메이션이 지속되는 시간 ex ) transition-duration: 1s(시간); transition-property - 변경시킬 css 효과 선택 ex ) transition-property: transfrom(css 속성); transition-timing-function - 애니메이션 진행 속도 조절 ex ) transition-timing-function: linear; (일정속도) ex ) transition-timing-function: ease; ..
태그 불러오는 방법 : 태그 명을 쓴다. ex) p태그를 불러올때는 p {css 속성} 라고 쓰면됩니다. 태그 명을 쓴다. 클래스 불러오는 방법 : .내가정한클래스이름 하위 자식 엘리먼트를 불러오는 방법 : 상위엘리먼트 "띄어쓰기" 하위 엘리먼트 호출 이때 띄어쓰기만 하면 상위엘리먼트 아래의 모든 하위엘리먼트가 선택됩니다. ex) .top-bar p = class 명이 top-bar 인 엘리먼트 자식인 모든 p 태그 하위 직계 자식 엘리먼트를 불러오는 방법 : 상위엘리먼트 ">" 하위 엘리먼트 호출 ex) .top-bar > p = class 명이 top-bar 인 엘리먼트 직계자식인 p 태그 형제 엘리먼트를 불러오는 방법 : 상위엘리먼트 "~" 하위 엘리먼트 호출 ex) .top-bar ~ p = cl..
#include #include #include char* solution(int a, int b) { char* answer = (char*)malloc(4); int month[12] = {0,31,29,31,30,31,30,31,31,30,31,30,31}; int days = 0; for(int i = 0; i < a; i++){ days += month[i]; } days += b-1; char result = days % 7; char* day[7] = {"FRI","SAT","SUN","MON","TUE","WED","THU"}; answer = day[result]; return answer; }
static - 모든 태그는 기본적으로 position : static 속성이다. relative - 현재 위치를 기준으로 이동하는 속성 으로 absolute 속성의 기준점이 되는 속성 absolute - relative 를 기준점으로 이동하며 다른 엘리먼트들 위에 위치하게 되는 유령화시키는 속성 absolute 속성을 사용할 경우에는 부모 엘리먼트에 relative 를 꼭 넣어야 한다. 만약 부모 엘리먼트에 relative 가 없다면 그 상위 부모로 찾게된다. 아무것도 relative 가 없다면 body 를 기준으로 움직이게 된다. fixed - 윈도우를 기준으로 움직이며 스크롤이 변경 되어도 위치가 변하지 않는 속성
background-color: red ; - 배경 색상 설정 background-image: url(경로) ; - 배경 이미지 설정 background-repeat: no-repeat ; - 배경 이미지 반복 설정 no-repeat 은 반복하지 않겠다라는 의미입니다. background-size: cover ; - 배경 이미지 크기 설정 contain 은 내가 만든 박스의 세로 크기에 이미지가 맞춰져서 들어간다는 의미 입니다. cover 는 내가 만든 박스의 가로 크기에 이미지가 맞춰져서 의미 입니다. background-position: center ; - 배경 이미지 위치 설정 center / right / left / px / % 를 통해 설정 가능합니다. background-attachment:..
input 태그는 닫는 태그가 없습니다. input 태그는 type 에 아무것도 쓰지 않으면 기본적으로 text 입니다. placeholder 를 추가하면 아무것도 안쓰여있을때 텍스트가 써집니다. input 의 type 중 password 는 텍스트가 안보이게 써집니다. input 의 type 중 date 는 달력을 통해 날짜를 선택할수 있습니다. input 의 type 중 radio 점 선택 입니다. input 의 type 중 checkbox v 자 선택 입니다. input 의 type 중 color 색상 선택 입니다. input 의 type 중 number 는 숫자 선택 입니다. min="1"(최소 숫자) max ="100"(최대 숫자) step="5"(올라가는 숫자 크기) 을 같이 써줍니다. tex..
form 태그는 웹 페이지에서의 입력 양식을 의미합니다. 텍스트 필드에 글자를 입력하거나, 체크박스나 라디오 버튼을 클릭하고 제출 버튼을 누르면 백엔드 서버에 양식이 전달되어 정보를 처리하게 됩니다. 웹을 처음 개발하시는 분들은 이후 백엔드 공부를 진행할 때, 태그에 대해서 다시 한번 공부함을 추천드리며 지금은 간단히 어떤 태그들이 있는지 알아보시기 바랍니다. 실제로 백엔드 코드와 함께 을 사용하기 위해서는 다음 속성들이 사용됩니다. name: 폼의 이름 action: 폼 데이터가 전송되는 백엔드 url method: 폼 전송 방식 (GET / POST) 앞으로 태그들은 form 태그 내에 넣어 위치시켜야 한다. action : 폼을 전송할 서버 쪽 스크립트 파일을 지정합니다. name : 폼을 식별하기..
display 속성 참고 사이트 display : block ; display 속성이 block으로 지정된 엘리먼트는 전후 줄바꿈이 들어가 다른 엘리먼트들을 다른 줄로 밀어내고 혼자 한 줄을 차지합니다. 기본 요소가 block 인 엘리먼트들 : h1~6, p , div , ul ,li display : inline ; display 속성이 inline으로 지정된 엘리먼트는 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치됩니다. ※ inline 엘리먼트를 사용할 때 주의할 점은, width와 height 속성을 지정해도 무시된다는 것입니다. 왜냐하면 해당 태그가 마크업하고 있는 컨텐트의 크기 만큼만 공간을 차지하도록 되어 있기 때문입니다. 또한, margin과 padding 속성은 좌우 간격만 반..