웹 백엔드 개발자의 블로그

Html&css

• 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
• 화면 px 파악하기

  Html&css/사소한 팁 2022. 8. 16. 22:14

  검사창을 전체로 분리시키고 숨기고 컨트롤 +- 누르면 화면크기가 보인다. ==> 가로 몇픽셀 세로 몇픽셀 이렇게 보인다.

  Read More
• 미디어쿼리

  Html&css/개념정리 2022. 8. 16. 21:50

  https://log.designichthus.com/11 [CSS] 미디어쿼리(Media Query)의 기본사용법 1. 기본적인 사용방법 @media (조건문) { 실행코드 } ※ 를 사용하는 방법은 권장하지 않는다. (브라우져는 일단 모든 css를 내려받기때문에 size가 커진다) ※ 구문에는 논리연산자 및 각각의 특성들 log.designichthus.com

  Read More
• 가운데 정렬 (인라인요소)text-align:center; vs (블락요소) margin: 0 auto; 차이에 대해 알아보자.

  Html&css/개념정리 2022. 8. 11. 14:05

  https://www.codeit.kr/community/threads/10663 코딩이 처음이라면, 코드잇 월 2만원대로 Python, JavaScript, HTML/CSS 등 2,600개 이상 프로그래밍 강의를 무제한 수강하세요 www.codeit.kr 예전에 다른 분 질문에 답글 단걸 조금 추가해서 쓰겠습니당 두 방식이 어떤 display 값일 때 쓸 수 있는지를 확인해보시면 좋을 것 같아용 1. inline 요소가 정렬이 되는 방식: text-align: center 이 정렬방법은 inline 요소가 정렬이 되는 방식입니당. 정렬을 하실 경우엔 부모 block 요소를 가진 부분에 적용을 해주시면 됩니당. 왜 inline 요소에 직접 text-align: center를 했을 때 적용되지 않을까 그 ..

  Read More
• form태그에 대해 알아보자.

  Html&css/개념정리 2022. 8. 9. 12:11

  https://www.nextree.co.kr/p8428/ HTML : 폼(form) 이해 폼은 알게 모르게 웹에서 많이 사용합니다. 사용자 의견이나 정보를 알기 위해 입력할 큰 틀을 만드는 데 사용되기 때문입니다. 폼은 입력된 데이터를 한 번에 서버로 전송합니다. 전송한 데이 www.nextree.co.kr 파일전송 같은건 form태그가 있어야 한다.

  Read More
• textarea 사이즈 변경 불가하게 하기 {resize: none;}

  Html&css/개념정리 2022. 8. 9. 10:49

  Read More
• 글자 정렬하기 text-align vertical-align 을 써보자!

  Html&css/개념정리 2022. 8. 9. 10:37

  text-align : top, center, left, right vertical-align : top, center, left, right 근본적으로 다른게 많은 친구들이긴 하지만, 핵심적으론 vertical-align 은 수직정렬에 관여하고, text-align 은 수평정렬에 관여합니다. 이 차이를 인지하고 계시면 될 것 같아요 http://blog.hivelab.co.kr/%EA%B3%B5%EC%9C%A0-vertical-align-%ED%8C%8C%ED%97%A4%EC%B9%98%EA%B8%B0-1%EB%B6%80/ [공유] Vertical-align 파헤치기! – 1부 [공유] Vertical-align 파헤치기! – 1부 들어가며 안녕하세요. 하이브랩 UI개발2팀 도재경, 우현주입니다. 각자..

  Read More
• RGB 색깔 찾기 === color cop

  Html&css/사소한 팁 2022. 8. 8. 12:09

  https://url.kr/1l7awh color cop - Google 검색 Color Cop is a very useful color selector that allows you to get the right color code, the corresponding color code (HTML, RGB, C++, Visual Basic, ... www.google.com https://url.kr/5f74nu 색상 코드 찾는 프로그램. Color Cop 2016년의 마지막 평일. 저는 아픈 몸을 이끌고 유종의 미를 거두기 위해서~ 동네 카페로 출근했습니다. 2층... blog.naver.com

  Read More