220829 TIL

멋쟁이사자처럼 FE스쿨3기 html/css

👊 수업 중 필요한 내용만 정리해보았다.

css
중앙정렬

footer {
	/*글자 중앙 정렬하기*/
	text-align: center ;
}

박스 중앙 정렬

div{
	/* 박스 중앙정렬 */
	margin-left: auto;
    margin-right:auto;
}

---

section , article 태그는 div 과 똑같은 태그.
해당 이력서에는 컨텐츠를 직접 감싸는 태그를 article 태그로 사용함

---

의미없는 텍스트
로렘 입숨
https://lipsum.com/feed/html
p 태그 일단 써놓고, 나중에 수정하는 용도. 디자인만을 보기 위해 넣어놓는 의미없는 텍스트

---

각종 css 디테일들

div{
	/* light보다 더 얇게! */
	font-weight:lighter
    
    /*기울기(이탤릭)*/
    font-style: italic;

	/*줄간 간격 조정하기. 일반적으로 폰트의 160% 정도 되는 줄간 간격이 가장 보기 편하다고함*/
    line-height: 16px;
}

Float

좌우정렬. 화면에서 둥둥 떠다니게
화면에서 float가 다른 태그들과 겹치니 가두리작업(?)을 해주어야 한다고 한다.

.float-wrap{
	/* float요소들을 묶어 다음 요소들에 영향받지 않도록 설정하기 */
	overflow: hidden;
}

.title-text{
	float:left;
}

.year-text{
	float: right; 
}