moonday

더보기 div로 상자를 만들어서 resize를 할 때, overflow:auto를 같이 써줘야지 작동함 - resize : 화면에서 요소의 크기를 조절하는 속성 - none : 크기를 조절할 수 없게 함 - vertical : 높이 조절 가능 - horizontal : 가로 조절 가능 - both : 가로 높이 조절 가능

더보기 - column-count : 다단 갯수 - column-gap : 단과 단 사이에 여백 - column-rule : 단 선 모양 - column-span : h태그가 포함되면 해당 부분에 단을 해제할지 말지를 결정하는 속성 - column-width : 한 단의 너비 도시어부3과 강철부대가 만났다 채널A 콘텐츠 유니버스 '도시어부3'와 '강철부대'의 만남은 방송 전부터 큰 화제를 모은 바 있다. 이날 방송에서는 양 팀의 불꽃 튀는 첫 만남이 흥미진진하게 펼쳐지며 앞으로 벌어질 낚시 대결에 대한 궁금증을 한껏 끌어올렸다. 첫 등장한 박군은 형님들을 무장해제 시키는 밝은 미소와 찐 리액션으로 현장을 접수했다. 흥겨운 트로트 가락으로 춤사위를 보이는가 하면 황충원과 함께 애교 넘치는 손가락 하트를 연..

더보기 - width : 가로, 폭, height :세로, 길이 - min-width/min-height : (예: minimum 700px) - 가로/세로의 최소 길이를 설정 - 브라우저가 작으면 700px, 크면 100% - max-width/mas-height : (예: maximum 700px) - 가로/세로의 최대 길이를 설정 - 브라우저의 가로/세로의 길이가 max-width/max-height보다 작으면 브라우저의 가로/세로의 길이에 맞춰 설정됨 => 브라우저가 작으면 100%, 크면 700px

더보기 fontawesome이라는 사이트 가입 후, 주어진 링크를 받아서 바로 붙여넣기하면 script로 들어감. 사용하고싶은 아이콘 이름을 넣어주고 사용하면 끝! 더보기 position: absolute; top:-1px; right: -1px; => right -1을 하니까 위치가 오른쪽으로 바로 넘어왔어 (float right따위 필요도 없이.. )

더보기 li>a{display:block;} => 메뉴클릭할때 클릭가능의 범위를 박스로 확장 메뉴1 메뉴2 메뉴3 더보기 .menu에서 padding0을하면 outside에 있던 list marker(모양)이 사라지는데, 혹시 모를 상황을 대비해서 list-style: none; 을 넣어서 marker를 없앴음 메뉴1 메뉴2 메뉴3

더보기 -애니메이션 등록 @keyframs 애니메이션명{ 시간비율{속성1; 값1; 속성2; 값2;} //이전 시점에서 시간 비율까지 적용할 속성 시간비율{속성1; 값1; 속성2; 값2;} } - 애니메이션을 호출 선택자{ animation-name : 애니메이션명; animation-duration : 시간; // %로 쓸수있음 animation-iteration-count : 애니메이션반복횟수; //반복횟수는 숫자 or infinite } 꽝 호버

검색 더보기↓ 더보기 /*최신버전*/ input[name="query"]::placeholder{color: gray;} /*구버전*/ input[name="query"]::-webkit-input-placeholder{color: gray;} input[name="query"]::-ms-input-placeholder{color: gray;} input[name="query"]::-moz-placeholder{color: gray;}

더보기클릭↓ 더보기 - letter-spacing : 글자간격 (ex: 10px) - word-spacing : 단어간격 (ex: 40px) - text-transform : 영문자 대소문자 옵션 - uppercase : 모든 문자를 대문자로 수정 - lowercase : 모든 문자를 소문자로 수정 - capitalize : 단어들의 첫글자를 모두 대문자로 수정 - vertical-align : 이미지나 폼 요소와 있을 때 위, 가운데, 아래로 정렬해주는 속성 - top, bottom, middle - word-wrap : 영단어를 띄어쓰기 없이 길게 입력하면 부모 요소의 가로를 빠져나가게 된다 가로 폭에 맞추어서 적당히 잘라 다음 줄로 내려오게 하는 속성 - break-word, normal - wor..

더보기 - vw, vh : view width, view height의 약자 - 브라우저의 화면 가로와 세로의 길이를 100으로 본다 - 브라우저 화면의 가로 길이는 100vw 로 표현 가능, 브라우저 화면 세로길이는 100vh (%와는 다름, %는 부모의 길이를 기준으로 가로/세로의 길이를 따지지만, vw,vh는 브라우저 화면을 기준으로 길이를 따짐)

더보기 focus는 입력창이 클릭되서 커서가 깜빡일 때를 이야기 함