웹디자인기능사 실기 7일차 C-1 유형 연꽃마을축제 완성

정말 몇일에 걸쳐서 완성하는지 모르겠다...

그래도 그전보단 확실히 나아진것 같다...

남은시험까지 화이팅.ㅜㅜㅜ

 

팝업창 유형 2개!!

    
/*팝업창*/
   
  /*$(".cont1 li:first").click(function(){
	$(".layerpopup").addClass("active");
  });
  $(".btn").click(function(){
	$(".layerpopup").removeClass("active");
  });
    */
    
    
    $(".cont1 li:first").click(function(){
	$(".layerpopup").show();
  });
  $(".btn").click(function(){
	$(".layerpopup").hide();
  });
   

 

 

 

바로가기 배너 h2 가운데정렬

margin: -높이반px 0 0 -넓이반px

 

 

 

패밀리사이트 select box

<select name="">
	<option></option>
    <option></option>
    <option></option>
</select>

 

패밀리사이트sns

ul 에 width값 주고 margin:0 auto;

 

.sns li에 float:left대신

display:inline-block하면

sns넓이 마진 빼도됨

 

float:left 와 margin:0 auto가 있으면

float:left가 우선이며

margin:0 auto; 넓이를 줘야 중앙정렬이 된다.

 

text-align:center 쓰러면

float:left대신 display:inline 써야함