profile
코딩은 해봐야 아는 것
post-thumbnail

nth-child vs nth-of-type

https://www.digitalocean.com/community/tutorials/css-css-nth-child-vs-nth-of-typehttps://css-tricks.com/examples/nth-child-tester/nth-of-typ

2022년 3월 29일
·
0개의 댓글
·
post-thumbnail

css 레이아웃 자식이 부모를 결정한다, css side effect

문제1: displey:flex지금까지 레이아웃을 flex를 이용해서 아주 편하게 관리했고,문제2: 부모에서 width나 height를 결정하여 자식의 너비를 결정했는데그러한 side effect적인 css결정방법은, 나중에 코드를 수정해야할 때직관적이지 못해서 수정에

2021년 4월 14일
·
0개의 댓글
·
post-thumbnail

westar-main-nav

결과물 목표 최소한의 html과 css를 사용하고 싶다. 1. reset.css 일부러 적용 안하고 했더니, body의 기본 값, 나중에 협업시 유지 보수 문제등을 고려해 항상 넣는것을 기본으로 하기로 햇다. 자꾸 nav가 display속성이 되었다. main.

2021년 3월 24일
·
0개의 댓글
·
post-thumbnail

css 클래스 이름 규칙 정리(1)

html을 하면서 가장 많이 스트레스를 받은 구간은 css이다.css를 어떻게 적용해야하는 문제는 의외로 큰(?)문제가 아닐 수 있다.생각보다 html <tag>의 class이름을 어떻게 지어야 할지가 더 큰 걱정이다.웹 페이지를 하나라도 구상해 본다면 알겠지만

2021년 3월 23일
·
0개의 댓글
·
post-thumbnail

CSS 레이아웃의 모든 것

static은 모든 태그들이 기본적으로 가지고 있는 default 값입니다.position에 static을 넣었을 때여기서는 left나 top을 사용할 수 없습니다.relative속성의 기본 모습은 static일 때와 같습니다.하지만 여기선 left, top등의 위치를

2021년 3월 16일
·
0개의 댓글
·
post-thumbnail

css parallax(시차를 이용한 효과) TIL-(1)

생활코딩 Parallax수업을 듣고 정리한 내용입니다.수업 링크뒤에 있는 배경은 멀리 있고 앞에있는 텍스트는 가까이있게 하는 것 처럼 보이게 할 수 있다.여러 방법이 있지만 가장 간단한 방법을 배울 것가장 간단한 방법 .background-attachment: fixe

2021년 2월 8일
·
0개의 댓글
·