CSS

1.css 선택자 - 같은 클래스를 가진 여러 태그 중 하나의 태그 선택(nth-child, nth-of-type)

post-thumbnail

위코드 사전스터디 1주차 과제 자기소개 페이지 만들기 중 다음과 같은 의문이 들어 관련된 내용을 정리해 보기로 했다. 1. 의문점 !codepen[applleeee/embed/OJZywNM?default-tab=html%2Cresult] 다음과 같이 동일한 클래스

2022년 9월 7일

2.CSS - 크기 단위 정리(vh, vw와 %의 차이)

post-thumbnail

css 작성시 vh 혹은 vw와 %의 차이가 무엇인지 궁금했다.일단 많이 쓰이는 단위의 종류에 대해서 살펴보고 위의 질문에 답해보도록 하자.픽셀. fhd해상도에서 1920x1080의 픽셀이 있는데 그 각각의 점을 의미한다. qhd의 경우 2560x1440이다. 모니터의

2022년 9월 13일

3.CSS - position 속성

post-thumbnail

css의 position 속성은 문서 상에 요소를 배치하는 방법을 지정한다. 이후 top, right, left, bottom 등을 이용해 요소를 이동할 수 있다. 기본값은 static이다. 일반적인 문서의 흐름에 따라 배치한다. top, right, left, bo

2022년 10월 18일

4.CSS - display 속성(inline, block)

post-thumbnail

display 속성이란 요소를 화면에 배치하는 방법이다.display의 종류에는 none | contents | block | inline | inline-block | table | table-cell 등이 있다. 이중 inline, block, inline-bloc

2022년 10월 18일