moonday

더보기 - 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는 입력창이 클릭되서 커서가 깜빡일 때를 이야기 함

더보기 border-collapse: collapse; 는 표자체에 속성을 넣어주기(th, td에 넣으면 안먹힘) td태그안에 a태그 넣어서 href 링크달아주기 border-width를 1px 0;으로 설정 번호 제목 작성자 조회수 3 몬스터주식회사 디즈니 321 2 몬스터대학교 픽사 202 1 토이스토리 버즈 111

더보기 세로줄 셀 합치기 : rowspan="합칠셀의 총갯수" 가로줄 셀 합치기 : colspan="합실셀의 총 갯수" 합치려고하는 셀의 가장 첫번째에 시작테이블태그괄호안에 넣어주고, 내용물은 유지 + 합쳐질셀을 다지우기 과목 이름 점수 HTML 설리반 100 랏소 100 마이크 100 총점 300