# nth-child
table / vertical-align / nth-child
tabletable태그 내에 tr(table row)은 row, td(table data)는 column을 의미함.내가 원하는 만큼 row, column을 넣어주면 표를 완성시킬 수 있음. tbody, thead는 단지 헤드부분 영역구분을 위해 사용하며 td 대신 th
HTML_CSS_013_css_가상선택자
nth childnth last childfirst childlast childtag 안에 모든 요소 중 N번째 요소tag 안에 A라는 요소 중 N번째 요소tag 안에 모든 요소 중 첫번째 요소tag 안에 모든 요소 중 마지막 요소tag 안에 A라는 요소 중 첫번째 요
HTML+CSS - 기초 (Table 레이아웃 숙제:Cart 페이지 만들기)
border-bottom 사용하기td 폭 조정시 유의사항td에게는 최대한 이만큼 차지해보세요~ 라는 뜻!(다른 셀들에게는 방해되지 않을만큼)한 개의 td에게 width 를 지정해주면 나머지들은 자동으로 늘어남td에게만 적용하면 댄다..(?)가로셀 병합: colspan세
Front-end 국비지원 #032일
JavaScript 1. function- input output > function name(parameter1,parameter2,... ){실행문(코드)} = 특정 기능을 수행하도록 작성된 코드 블록 ex)01 *밖으로 printHello(); 함수를 불러와
가상클래스와 가상요소
웹 문서를 구조를 기준으로 특정 위치에 있는 요소를 찾아 스타일을 지정할 때 사용하는 가상 클래스 선택자문서 전체에 적용문서 안에 루트(root) 요소에 스타일을 적용함HTML문서에서는 최상위요소가 <html>이므로, 전체적으로 문서 안에 똑같이 적용할 스타일이
How to target child tag w/styled-components
styled-components로 구현 중 nth-child() 타케팅이 안된다.class 이름으로 .name:nth-child() 타겟팅은 무척이나 쉬운데 ...본글은 styled-components 기본 지식을 가짐을 전제로 작성한다.일단 아래는 html style
css 깨알 지식
not 선택자는 \*(univeral selector, 모든것을 선택)와 반대되는 성격을 가진다고 할 수도 있겠다. 일종의 예외를 정의하는 selector 이다. 예시를 살펴보자.css를 보면 client 클래스에 border가 적용되어있다. 그런데 border-top
[CSS/JS] 같은 class name 개별 설정방법
html에서 작성한 여러가지 tag에 동일한 값을 주고싶을때 같은 class name을 사용한다. 이 경우 내가 원하는 n번째 class name을 선택하여 개별값을 부여할 수 있다.자바스크립트는 외에도 id, tagName등을 가지고 선택할 수 있는 여러 메소드가 있
JQuery css nth-child variable 변수 작성법
$(".class이름:nth-child("+ variable +") 또는 "color" : "red",});nth-child("+ 변수 +")이런 식으로 작성을 해야 nth-child에서 변수를 이용해서 css을 적용할 수 있다.
TIL#12. 하루이틀 밀리다보니..끝없이 밀리네
후...TIL이여 하루 이틀 밀리고...좀더 정리해서...밀렸던거부터 써야지 하다보니 원 부트캠프 끝날지경 안되겠다. 오늘은 react로 만들어놓은 위스타그램을 서버에 연동하여 회원가입, 로그인기능을 만들었다! 프론트엔드와 백엔드와의 대 화합 🧙♂️ [CSS] S
