프로젝트 하며 기억해줘야 할 것들 개인 기록 padding : 본인 영역 margin : 간격 변경 text-align : justify // 줄 라인 word-break:keep-all //단어 가운데 vertical-align 테두리 -> 가상 선택자 이용하기 ::before , ::after ->content:""; 넣어주기 가운데 배치 transform : translate(-50%) 맨 아래 배치 position:absolute bottom:0 내가 주지 않은 패딩이 있을때(부트스트랩 사용과 같은..) -> padding에 0처리 padding:0; 글자 수 길어질 때 '...'으로 표현 overflow : hidden; whitespace:nowrap; text overflow:eilipsis..

박스의 크기를 화면에 표시하는 방식을 변경하는 속성. width와 height는 엘리먼트의 컨텐츠의 크기를 지정합니다. 따라서 테두리가 있는 경우에는 테두리의 두께로 인해서 원하는 크기를 찾기가 어렵습니다. box-sizing 속성을 border-box로 지정하면 테두리를 포함한 크기를 지정할 수 있다 테투리 두께를 포함

보호되어 있는 글입니다.

#.마우스 오버 효과(hover, transition) :마우스를 올리면 :hover로 디자인만 변경되고 , transition으로 디자인 변경할 때 애니메이션 효과가 들어감. a{ color:#000; transition:0.5s; // :hover가 아닌 곳에 넣어줘야 마우스 오버 , 마우스 빠질 때 모두 적용 } a:hover{ color:dodgerblue; text-decoration:underline } #.순서를 만드는 가상 클래스(nth-child, nth-of-type, first-child, last-child) :클래스 네임을 선택하지 않고, 순서를 정하는 가상 클래스 , 내가 원하는 요소를 선택하는 것 first-child | last-child | nth-child(숫자) firs..

#.HTML 가로 배치하기(float, overflow, clear, inline-block) ★★★★★ ①float : 부모 요소 기준으로 왼쪽 또는 오른쪽에 배치할 지 지정 -기본값 :float : none; //float 성질을 주지 않았다. -자식요소에 float속성이 적용되면 부모 요소는 자식 요소가 없다고 판단해 높이값을 잃는다. -float 속성 : 인라인, 블록, 인라인-블록 속성에 다 적용 -margin:auto : 인라인 및 인라인블록 요소에 적용 X, 블록 요소만 적용 ▶ display:block; , margin:auto; (블록 요소를 가운데로 보낼 경우는 자기 자신에게 margin:auto값을 준다) ▶ 부모 요소에서 text-align : center; ( 자식 요소가 인라인,..

#.css 링크하기