웹 백엔드 개발자의 블로그

전체 글

• hr태그 용도: 수평선그리기

  Html&css/개념정리 2022. 8. 23. 16:14

  https://bit.ly/3cg0x00 [html] 수평선 그리기, hr 태그 [html] 수평선 그리기, hr 태그 html 문서에서 문단을 의미적으로 분리하고자 할 때 hr 태그를 사용할 수 있습니다. html 4.01에서 hr 태그는 수평선을 표현했다면, html5에서는 hr태그를 표현적이기보다 aboooks.tistory.com 로그인 회원가입 사이에 선 그리기

  Read More
• 아이콘 태그 가져오는곳

  Html&css/사소한 팁 2022. 8. 19. 15:03

  https://bit.ly/3QHh6kA Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com https://bit.ly/3ce8keJ Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com

  Read More
• 엘리베이터 움직이기

  자바스크립트 와 타입스크립트/바닐라 자바스크립트와 타입스크립트 2022. 8. 18. 16:51

  1. 움직일 div id를 dom으로 가져온다. 2. dom변수.style.transform = "translateY("+(움직이고 싶은만큼의 수)+"px)" 위에건 y축으로 움직일때 사용하는거다. x축으로 움직일때 dom변수.style.transform = "translateX("+(움직이고 싶은만큼의 수)+"px)" 이렇게 하면 된다.

  Read More
• 스크롤 위치 이동시키기

  Html&css/사소한 팁 2022. 8. 18. 13:50

  https://www.w3schools.com/jsref/met_element_scrollintoview.asp HTML DOM Element scrollIntoView() Method W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com

  Read More
• display : disabled; 내용넣기 막기

  Html&css/개념정리 2022. 8. 18. 12:03

  https://developer.mozilla.org/ko/docs/Web/CSS/:disabled :disabled - CSS: Cascading Style Sheets | MDN CSS :disabled 의사 클래스는 모든 비활성 요소를 나타냅니다. 비활성 요소란 활성(선택, 클릭, 입력 등등)하거나 포커스를 받을 수 없는 요소를 말합니다. 반대 상태인 활성 요소도 존재합니다. developer.mozilla.org

  Read More
• line-height 줄간격 , border: none; or border: 0;

  Html&css/개념정리 2022. 8. 18. 11:49

  https://www.codingfactory.net/10639 CSS / line-height / 줄 높이 정하는 속성 개요 line-height는 줄 높이를 정하는 속성입니다. 기본값 : normal 상속 : Yes 애니메이션 : Yes 버전 : CSS Level 1 문법 line-height: normal | length | number | percentage | initial | inherit normal : 웹브라우저에서 정한 www.codingfactory.net https://nykim.work/103 border: 0 vs. border: none 결론 border: 0 쓰자! 👻 보더 없앨 때 none 보다 0을 썼었는데 이유는 그게 더 치기 편하니까 🙄 (손꾸락은 소중하자나여) 그러다 ..

  Read More
• flex && grid 블로그

  Html&css/개념정리 2022. 8. 18. 11:30

  https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com https://studiomeal.com/archives/533 이번에야말로 CSS Grid를 익혀보자 이 포스트에는 실제 코드가 적용된 부분들이 있으므로, 해당 기능을 잘 지원하는 최신 웹 브라우저로 보시는게 좋습니다. (대충 인터넷 익스플로러로만 안보면 된다는 이야기) 이 튜토리얼은 “ studiomeal.com

  Read More
• 괜찮은 블로그

  기타 2022. 8. 18. 11:14

  https://www.daleseo.com/ Engineering Blog by Dale Seo Engineering Blog by Dale Seo www.daleseo.com https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com

  Read More