구차니의 잡동사니 모음

역시.. 생각하는 모든것은 이미 존재하는건가!

div 태그에서 100% width 해놔도 일정 크기 이하로는 줄지 않도록 해주는 설정값

[링크 : https://www.w3schools.com/cssref/pr_dim_min-width.asp]

구글에서 나눔고딕을 CDN으로 제공하는데

대부분 링크 떠도는게 earlyaccess로 된거라 정상적인(?)걸 찾는데 애먹음

그나저나.. eot나 woff 이런걸 받을순 없는건가?

[링크 : https://www.seobangnim.com/bbs/board.php?bo_table=html&wr_id=300]

[링크 : https://xetown.com/board/948391]

div에 width 값이 정해지지 않으면

margin:auto를 통해서 가운데 정렬이 되지 않는 문제(?) 발견

왜 그런걸까?

쓰면 쓸수록 div랑 span 어렵네..

누가 웹이 쉽댔어 -_ㅠ

tr:hover가 먹긴 하는데(edge, chrome)

문제는 td에서 background 가 지정되었을 경우

background 색이 우선권을 가져서 tr:hover 색이 먹지 않는다.

[링크 : https://stackoverflow.com/questions/7510753/trhover-not-working]

[링크 : http://itzone.tistory.com/46]

요렇게 하면 색있는 애들도 칠해짐(단, th로 정의된 녀석들은 td가 아니니까 적용 안된다)

[링크 : https://stackoverflow.com/questions/5492900/changing-background-colour-of-tr-element-on-mouseover]

input type="button"이 아니라 button이 따로 있네?

[링크 : http://aboooks.tistory.com/301]

[링크 : https://www.w3schools.com/tags/tag_button.asp]

div로 할까 하다가 그래도 표니까 table 써야지 하고 보는데

디자인 적으로 한줄 사이사이 공백이 추가되어야 하고

한줄은 구분이 없어야 하는 쪽이라 막 건드려보다 보니 이게 되네

[링크 : https://www.w3schools.com/cssref/pr_border-spacing.asp]

+

padding으로는 셀 안의 크기를 띄우는 거라 내가 원하는 용도로 쓰긴 힘듬

메뉴는 ul / li를 통해서 css 적용해 만들고

웹 페이지에서는 표시할 데이터를 놔두고

display:none; 과 display:inline-block;을 이용하여 출력/숨기기를 하는 듯

[링크 : http://imivory.tistory.com/8]

웹 퍼블리싱 관련 이것저것 보다 보니 보여서 검색

일단 semantic은 "의미적"이라는 뜻인데

기존의 <b>와 같이 bold로 굵게 하라는 행동 기반이 아닌

<strong>이라는 강하게 표현하고 표현 방식은 뒤로 맡기는 그런 류의 접근 방식으로 보인다.

가장 많이 보는 걸로는

<header>

<nav>

<section>

<footer> 등이 있다고 하면 간단하게 이해 될 듯

HTML구성 요소로서 어떠한 보여주는게 아닌

어떠한 문맥을 의도를 보여주는 meta 데이터로서의 tag 라고 하면 되려나?

[링크 : https://www.w3schools.com/html/html5_semantic_elements.asp]

[링크 : http://west849.tistory.com/4]

[링크 : http://coderap.tistory.com/499]

오홍.. 신기하네

[링크 : https://github.com/tudou527/marketch]

document.getElementById(id).onclick = function(){code}

[링크 : https://www.w3schools.com/js/js_htmldom_document.asp]

$(document).ready(function(){

    $("p").dblclick(function(){

        $(this).hide();

    });

});

[링크 : https://www.w3schools.com/Jquery/jquery_events.asp]