layout 쉽게 잡는법 - govl2233/project_studyej GitHub Wiki

파폭-부가기능-headingsmap(문서의 목차가 잘만들어져있는지 확인할수있음)

파폭-부가기능- html validator 새창다시열고 html5이면 병행클릭 (문서에 오류가 없는지 확인할수있음)

파폭- shiff f5 -설정- 색 클릭하면 저장이되서 붙혀넣기 하면됨.

파폭(크롬에도됨) -스타일편집기-

sublimetext:아톰에디터랑 비슷(emmet.io livestyle설치-개발자도구에서 텍스트 써도 서브라임에서도 변경이됨)

		emmet 리뷰 ->밑에있는것도 설치하면 모바일,웹 다같이볼수있다(새로고침)

  • ir기법 : imagereplace 소스상에선 보이지만 실제로는 안보이게 하는것.

  • .hide(숨김처리) : hide{width:0; height:0; overflow:hidden; position:absolute; left:-9999px; top:-9999px}

    <h2 class="hide">헤드라인뉴스 원래대로하면 헤드라인 적는건데 없으니깐 날려버림.

span은width ,height 값안먹음 display : block a태그에 밑줄제거: a{text-decoration:none;}

  • line-height:컨텐츠가 가운데로

.cotents .aside h2{font-size:12px; background-color:#000; color:#FFF; height:28px; line-height:28px; padding: 0 10px;}

/bg-color/ . mainBgColor {background-color:#F00 !important;} .subBgColor {background-color:#F00 !important;}

캐스케이딩 레벨때문에 메인컬러가 약해서 안들어가짐(important적용해야할타임) 21/10 레벨

*공통요소를 먼저빼기

  1. 디자인분리
  2. 레이아웃분리 레이아웃을 포지션으로 넣으면 안깨짐
⚠️ **GitHub.com Fallback** ⚠️