css 메모

블럭구조를 가로로 정렬하려면

상위박스에

.quick ul {overflow:hidden;}

그 밑에 본 내용

.quick ul li {float:left;}

https://takeknowledge.tistory.com/128

overflow와 clear 속성을 활용해 float을 해제하는 방법

float을 활용하여 블록요소 좌우 배치하기

 

float설정시 부모요소가 자식 요소 높이값 인식시키는 방법

1. 부모요소에 강제 높이값 지정

2. 부모요소에 overflow: auto;

3. 부모요소에 overflow: hidden;

4. 부모요소에 float설정

5. float된 요소의 아래쪽에 배치되는 요소에 clear: both;

6. 부모요소에 가상선택자 ::after를 이용해서 clear: both;

.wrap::after {
	context:"";
	display: block;
	clear: both;
}

 

flex 좌우로 배치

부모요소에 display: flex;

 

한 줄에 문장 말준임표

overflow: hidden;white-space: nowrap; text-overflow: ellipsis;

 

블릿기호 초기화

li, ol, ul {list-style: none;}

 

ir효과 - 글씨 없애기

<li>
	<a hrdf="#">
    	<span class="ir">아이콘</span>
    </a>
</li>

.ir {width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden;
     positon: absolute; left: 0; top: 0;}