HTML

[HTML] 리뷰_내가 모르던 팁

EmilyP 2021. 3. 18. 17:44
  • html을 먼저 모두 만들고 css로 조정
  • div id="contents"

<dl class="notice">

   <dt>

     3월 블록체인

   </dt>

   <dd>

     03-03

    </dd>

  • Name을 보고 내용알 수 있는 것이 좋음
  • 오른쪽 부분 <div id="con_right"> <ul class="interview">
  • 수강후기 <ul> <li> 너무 겹침.. <li>로만 주는게 깔끔
  • margin:20px auto 10px auto => auto로 좌우 간격 맞추고 시작
  • 가장 좋은 최적의 글자크기 12px (=9pt) 2px씩 커지는 것이 좋음
  • 아래처럼 겹치는 경우는 하나로 묶을 수 있음

 <li class="box2-1">

                            <h2>취업자인터뷰</h2>

                            <a href="#"><img src="./CSS/image/btn_more.gif"></a>

                            <img src="./CSS/image/1543220395_43861_2.png">

                            <p> vR/AR 1기 김상균"경일은 교수님들도 잘 가르쳐주시고 제가 초조해지거나 

                                의욕이 꺾이지 않게분위기를 다잡아주셔서 공부가 더 잘 되었던 것 같습니다."카카오게임즈 </p>

                            <span>

                                카카오게임즈 프로그래머 </br>

                                김상균 취업자

                            </span> 

                            <a class ="prev" href="#"><</a>

                            <a class ="next" href="#">></a>

                        </li>

                        <li class="box2-2">

                            <h2>수강후기</h2>

                            <a href="#"><img src="./CSS/image/btn_more.gif"></a>

                            <div style="clear: both;"></div>

                            <ul>

'HTML' 카테고리의 다른 글

[HTML] overflow  (0) 2021.03.19
[HTML] 프레임 만들기  (0) 2021.03.18
[HTML] absolute, relative, fixed  (0) 2021.03.18
[HTML] dl_dt_dd_clear:both;  (0) 2021.03.17
[HTML] 박스 만들기  (0) 2021.03.16