CSS
-
[Git] Gist 줄 없애기programming/Git 2019. 11. 28. 00:00
Gist? [Git] Github 코드블럭 Gist 사용법 블로그에 글을 몇 달간 쓰게 되다 보니 코드 블록을 쓸 일이 많다. 그래서 여러 방법을 써보고, 다른 사람들은 어떻게 하나 신경 써서 봤는데, 최근에는 Github마크가 달린 코드 블록이 눈에 띄었다. 그래서 찾아.. leeborn.tistory.com 해당 게시물에 나와있지만, 코드를 볼 수 있게 해주는 사이트다. 중요한 건 줄이 맘에 안 들었다. 내가 쓰기 전에 봤던 것들은 줄이 없었는데, 내 거에는 줄이 있어서 맘에 안 들었다. 그래서 찾아봤는데, 별 특별한 설정은 없었던 거 같았다. 그래서 직접 스타일 변경을 해서 없앴다. Gist 라인 없애기 이 스타일 코드를 티스토리 HTML모드에서 직접 삽입해줬다. 혹시 다른 방법이나 설정 방법이 있..
-
[HTML&CSS] CSS 우선순위 적용 (!important)programming/HTML&CSS 2019. 11. 10. 00:00
디자이너와 개발자가 따로 작업을 할 경우, 남이 만든 HTML&CSS에 내가 직접 스타일을 입히고 싶을 경우, CSS, JS, HTML 파일이 완전히 분리된 상황에서 어느 것이 먼저 인지 헷갈릴 경우 등, CSS 우선순위를 알아야 할 경우는 많다. 이때 무조건 !important 속성을 붙여서 해도 되긴 하지만, 적용 순서를 알아보면 !important 속성을 사용하지 않아도 적용할 수 있는 방법이 많다. css_important.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 Page Title h1{ color : yellow !important; ..
-
[HTML&CSS] 자식&자손 선택자, 선택자 여러개 선택하기programming/HTML&CSS 2019. 9. 30. 23:45
html, css, javascript, jquery... 등에서 선택자를 쓸 일이 많다. 객체를 선택할 때 많이 쓰는데 여러 가지 방법으로 쓸 수 있다. #SELECTOR { stlye:display:none;} $("#SELECTOR").val("test value"); 등의 형식으로 쓸 수 있다. 이때 선택자는, 자식 선택자, 자손 선택자 또는 여러 선택자를 동시에 선택할 수 있다. 먼저 자식 선택자는 "바로 아래" 객체를 선택할 수 있다. 위와 같은 html 태그들이 있을때, 자식 선택자로 아래와 같이 해당 객체를 선택할 수 있다. $("SELECTOR1 > SELECTOR2"); 자손 선택자로는 "해당 객체 하위 객체 중 하나"를 선택할 수 있다. $("SELECTOR1 SELECTOR3-1")..
-
[HTML&CSS] 게시판 형식 그대로 유지하기 (white-space:pre-wrap)programming/HTML&CSS 2019. 8. 8. 22:24
https://leeborn.tistory.com/11 게시판 형식 그대로 유지하기 게시판을 만들어서 DB에 저장하고 불러오기는 어렵지 않다. textarea나 input text에서 값을 저장하면 된다. 이때 db에 저장될때 html 태그로 저장할 수 도 있고, text만 그대로 저장할 수 도 있다. 태그들을 그대.. leeborn.tistory.com 위 글에서 white-space의 속성에 대해서 pre에 대해서만 사용했었는데, pre를 사용하면 공백 등은 그대로 표시해주지만 줄 바꿈을 해주지 않는다. 가장 첫번쨰 white-space:pre 와 같이 공백 등은 그대로 표시해주지만, 긴 글들은 div를 넘어 간다. 이때 white-space:pre-wrap 속성을 쓰면 자동 줄 바꿈도 된다. 그리고..