moonday

더보기클릭↓ 더보기 - 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

더보기 /* - 메뉴를 꼭 리스트 태그를 이용하지 않아도 됨. 하지만 일반적으로 메뉴는 상위메뉴, 하위메뉴로 구성되어있기 때문에 리스트 태그로 많이 작업함. - list-style-type : 리스트 마커 지정, 마커는 리스트 앞에 있는 숫자나 모양 - list-style-image : 리스트 마커를 이미지를 이용하여 지정 - list-style-position : 리스트 마커의 위치(안insdie/밖outside - 기본값) - list-style : 위 3개를 한번에 지정 - 모든 태그에서 CSS와 관련된 속성들은 사용하지않는 것이 표준 - ul태그에서 type속성을 이용하여 마커를 지정(구식)하지 말고 위에 표기된 CSS를 이용하여 지정 */ 사과 포도 배

더보기 - 자식 요소의 내용이 부모 요소의 크기를 벗어난 경우 어떻게 나타낼지 알려주는 속성 - visible : 기본값, 넘어간 내용을 보여줌 - hidden : 넘어간 내용을 숨김 - scroll : 넘어간 내용을 숨기고 숨겨진 내용을 확인할 수 있는 스크롤이 무조건 생성 - auto : 내용이 넘어가지 않으면 그대로이고, 넘어가면 스크롤이 자동으로 생김 더보기 auto와 scroll에서 스크롤바를 없애고 기능을 유지할 때 /* scrollbar-width: none; Firefox */ /* -ms-overflow-style: none; IE and Edge*/} /*.box::-webkit-scrollbar{display: none; Chrome, Safari, Opera }*/ - 자식 요소의 ..

http://127.0.0.1:5500/practice4/transform.html 더보기↓ 더보기 /* - transform은 회전, 확대와 같이 모양을 변경할 때 사용 - translate(x,y) : x,y만큼 이동 - translateX(x) : x축 값이 x만큼 이동, 좌/우로 이동 - translateY(y) : y축 값이 y만큼 이동, 상/하로 이동 - scale(w,h) : 가로방향으로 w배만큼 조절, 세로방향으로 h배 만큼 조절 - scaleX(w) : 폭을 w배 만큼 조절, 가로 길이 조절 - scaleY(h) : 높이를 h배 만큼 조절, 세로 길이 조절 - rotate(a) : a각도만큼 시계 방향 회전 - skewX(a) : x축 기준으로 x만큼 기울임 - skewY(y) : y축 ..

더보기 파랑과 빨강박스가 한곳에있지만 z-index가 빨강이 더 높아서 빨강만 보임 더보기 z-index가 높은 순서 : 갈색100> 빨강3 > 파랑2 > 보라1 가장 위에 출력되는 순서 : 빨강3 > 파랑2 > 보라1 > 갈색100 ** 갈색은 z-index가 아무리 높아도 position이 static기본이라서 position이 absolute를 절대 앞지를 수 없다 더보기 부모B1은 자식B1-1을 가지고있고(.B1>.B1-1), 부모B2는 자식B2-2를 가지고 있음(.B2>.B2-1). 4개의 박스 모두 position이 absolute상태로 동등 z-index가 높은 순서 : b1-1 >b2 > b1=b2-1 출력이 가장 위인 순서 : B2-1>B2>B1-1>B1 **z-index는 자식-자식, ..