조회 수 1470 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

위로 아래로 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

위로 아래로 인쇄 첨부
Extra Form
    댓글이 하나도 없네요ㅠㅠ
    자료가 도움이 되었다면 댓글과 평가 부탁합니다.
?
Comment '0'

Html Tips

홈페이지 작성시 요긴하게 사용되어지는 Html들을 정리해 놓았습니다

  1. line-height 와 height의 차이점

    먼저 line-height는 글자가 한 줄에서 차지하는 높이를 말합니다. line-height가 10px이라고 한다면 한 줄에서 글자가 폰트 크기를 포함하여 총 10px의 높이를 차지한다는 걸 의미하게 됩니다. 위 그림을 보시면 ABC와 맞닿아 있는 위, 아래의 선을 제외하고 ...
    Date2023.04.02 Category :css 팔공산 Views1011
    Read More
  2. css 사이즈 태그 em, rem, vh, vw, vmin, vmax 정리

    css 작성할 때 종종 em rem까지는 작성할 때도 있긴 한데, 보통은 귀찮아서 반응형일 때는 %에 의존하고 그 외에는 그냥 대부분 px처리 해버리곤 한다.. 하지만 폰트나 블록 영역 크기를 조절할 때 사용하는 요 요소들을 적절히 사용해주면 보다 간단하면서도 ...
    Date2022.04.25 Category :css 팔공산 Reply1 Views2346
    Read More
  3. No Image

    Hover시 테두리두께 설정

    이미지나 게시글 출력후 마우스 Hover시 테두리라인 색상이나 두께를 나타내고자 할때 A같이 코드를 주면 두께만큼 아래 위로 영역이 움직입니다. A 내용 영역 <style type="text/css"> .a { background:black; color:white; width:200px; text-align:center; ...
    Date2021.11.05 Category :css 팔공산 Views2440
    Read More
  4. No Image

    display 속성: inline, block, inline-block

    CSS에서 display 속성은 웹페이지 상에서 엘리먼트들이 어떻게 보여지고 다른 엘리먼트와 어떻게 상호 배치되는지를 결정합니다. 여러가지 display 속성값 중에서 가장 기본이지만 은근히 햇갈릴 수 있는 inline과 block, inline-block에 대해서 알아보도록 하...
    Date2021.02.02 Category :css 팔공산 Views903
    Read More
  5. 글 색상을 랜덤으로 출력하기

    제목 그대로 글 색상을 랜덤으로 출력하는 방법입니다. html파일에 script를 아래와 같이 작성 <script> jQuery(function($){ for(var i=0 ; i < $(".random_colors").length; i++){ var f_color = "#"+(parseInt(Math.random()*0xffffff)).toString(16); $("....
    Date2020.11.30 Category :css 팔공산 Views981
    Read More
  6. div 영역에 Width:100%; height:100%; 적용해 보기 - display:table

    < left right > 위와 같은 모양의 div 영역을 만들때 생각보다 width:100%; height:100%; 지정하기가 쉽지를 않다. <style> .etc { width:100%; height:100%; color:#000; background:#bbb; margin:5px; padding:5px 10px; border:1px solid #000; } .etc .lef...
    Date2020.10.12 Category :css 팔공산 Views1470
    Read More
  7. 웹퍼블리셔가 알고있어야 할 display:table 속성

    오늘 다룰 주제는 사이트에서 많이 사용되는 형태인 동일한 넓이와 간격을 가지고 있는 컨텐츠 (정확한 명칭을 몰라서 ㅎㅎ....) 에 대해 알아보도록 하겠습니다. (글이 지루하신 분은 Ctrl + F 를 눌러 '결론' 을 검색해 주시지 마세요. 읽고서 댓글로 짱똘 ...
    Date2020.02.20 Category :css 팔공산 Reply4 Views1000
    Read More
목록
Board Pagination Prev 1 Next
/ 1
"