역시.. 생각하는 모든것은 이미 존재하는건가!
div 태그에서 100% width 해놔도 일정 크기 이하로는 줄지 않도록 해주는 설정값
[링크 : https://www.w3schools.com/cssref/pr_dim_min-width.asp]
| li 글자 수직정렬하기 (0) | 2018.08.30 |
|---|---|
| user agent stylesheet (0) | 2018.08.29 |
| 웹폰트 - 나눔고딕 (0) | 2018.08.27 |
| div width와 margin:auto; (2) | 2018.08.27 |
| tr hover (2) | 2018.08.27 |
구글에서 나눔고딕을 CDN으로 제공하는데
대부분 링크 떠도는게 earlyaccess로 된거라 정상적인(?)걸 찾는데 애먹음
그나저나.. eot나 woff 이런걸 받을순 없는건가?
[링크 : https://www.seobangnim.com/bbs/board.php?bo_table=html&wr_id=300]
| user agent stylesheet (0) | 2018.08.29 |
|---|---|
| div min-width (4) | 2018.08.28 |
| div width와 margin:auto; (2) | 2018.08.27 |
| tr hover (2) | 2018.08.27 |
| html button tag (4) | 2018.08.27 |
div에 width 값이 정해지지 않으면
margin:auto를 통해서 가운데 정렬이 되지 않는 문제(?) 발견
왜 그런걸까?
쓰면 쓸수록 div랑 span 어렵네..
누가 웹이 쉽댔어 -_ㅠ
| div min-width (4) | 2018.08.28 |
|---|---|
| 웹폰트 - 나눔고딕 (0) | 2018.08.27 |
| tr hover (2) | 2018.08.27 |
| html button tag (4) | 2018.08.27 |
| table border-spacing (0) | 2018.08.27 |
결론은...
inline css로는 hover를 쓸 수 없다.
대신 onMouseOver/onMouseOut 이벤트로 구현이 가능하다. 정도?
onMouseOver="this.style.color='#0F0'" onMouseOut="this.style.color='#00F'" |
[링크 : http://banasun.tistory.com/entry/inlinecss에서-ahover-스타일-지정하기]
[링크 : https://stackoverflow.com/questions/1033156/how-to-write-ahover-in-inline-css]
| css 계층 구조? 상속? 선택자 조합자? (0) | 2018.09.05 |
|---|---|
| sass scss (0) | 2018.09.05 |
| css selector (0) | 2018.08.21 |
| css BEM( Block Element Modifier) (0) | 2018.08.21 |
| css float overflow (0) | 2018.08.20 |
tr:hover가 먹긴 하는데(edge, chrome)
문제는 td에서 background 가 지정되었을 경우
background 색이 우선권을 가져서 tr:hover 색이 먹지 않는다.
tr:hover { background:#aba5a5; } |
[링크 : https://stackoverflow.com/questions/7510753/trhover-not-working]
[링크 : http://itzone.tistory.com/46]
요렇게 하면 색있는 애들도 칠해짐(단, th로 정의된 녀석들은 td가 아니니까 적용 안된다)
tr:hover td { background:#aba5a5; } |
[링크 : https://stackoverflow.com/questions/5492900/changing-background-colour-of-tr-element-on-mouseover]
| 웹폰트 - 나눔고딕 (0) | 2018.08.27 |
|---|---|
| div width와 margin:auto; (2) | 2018.08.27 |
| html button tag (4) | 2018.08.27 |
| table border-spacing (0) | 2018.08.27 |
| 웹페이지 탭메뉴 만들기 (0) | 2018.08.22 |
| div width와 margin:auto; (2) | 2018.08.27 |
|---|---|
| tr hover (2) | 2018.08.27 |
| table border-spacing (0) | 2018.08.27 |
| 웹페이지 탭메뉴 만들기 (0) | 2018.08.22 |
| 시맨틱 코드 (2) | 2018.08.21 |
div로 할까 하다가 그래도 표니까 table 써야지 하고 보는데
디자인 적으로 한줄 사이사이 공백이 추가되어야 하고
한줄은 구분이 없어야 하는 쪽이라 막 건드려보다 보니 이게 되네
table { border : 0px; /* 경계선의 두께 */ border-spacing: 1px 2px; /* 가로 1픽셀 띄우기 세로 2픽셀 띄우기 */ } |
[링크 : https://www.w3schools.com/cssref/pr_border-spacing.asp]
+
padding으로는 셀 안의 크기를 띄우는 거라 내가 원하는 용도로 쓰긴 힘듬
| tr hover (2) | 2018.08.27 |
|---|---|
| html button tag (4) | 2018.08.27 |
| 웹페이지 탭메뉴 만들기 (0) | 2018.08.22 |
| 시맨틱 코드 (2) | 2018.08.21 |
| sketch 플러그인 (0) | 2018.08.13 |
메뉴는 ul / li를 통해서 css 적용해 만들고
웹 페이지에서는 표시할 데이터를 놔두고
display:none; 과 display:inline-block;을 이용하여 출력/숨기기를 하는 듯
[링크 : http://imivory.tistory.com/8]
| html button tag (4) | 2018.08.27 |
|---|---|
| table border-spacing (0) | 2018.08.27 |
| 시맨틱 코드 (2) | 2018.08.21 |
| sketch 플러그인 (0) | 2018.08.13 |
| jquey dom (0) | 2018.08.10 |
| sass scss (0) | 2018.09.05 |
|---|---|
| hover inline css (0) | 2018.08.27 |
| css BEM( Block Element Modifier) (0) | 2018.08.21 |
| css float overflow (0) | 2018.08.20 |
| css 우선순위 (0) | 2018.08.09 |
css를 작성하다 보니
어떻게 운용해야 할지 고민하다가 찾는중.
BEM은 일종의 클래스 명 작성규칙이고
쓰기 나름이긴 한데.. 어떤식으로 운영하는게 나을지 모르겠다...
예를들면.. 색상에 대한 class와 font에 대한 클래스를 구분하고
사용하는 곳에서 복수개의 class를 사용하는 방법과
특성에 따른 class를 개별로 정의하여 사용하냐 정도의 차이?
[링크 : https://www.vobour.com/-css-디버깅-시간을-절약-할-수있는-css-명명-규칙]
[링크 : https://windtale.net/blog/maintainable-expandable-front-end-web-strategy/]
[링크 : http://wikibootup.org/post/css-co-work/]
[링크 : https://hyeonseok.com/docs/about-css/]
| hover inline css (0) | 2018.08.27 |
|---|---|
| css selector (0) | 2018.08.21 |
| css float overflow (0) | 2018.08.20 |
| css 우선순위 (0) | 2018.08.09 |
| css 문법 - id / class (0) | 2016.01.11 |
|
