html & css

배경 속성배경 두개 겹치기콤마로 이미지 두개를 첨부투명도를 지원하는 png 이미지를 사용하기배경에 검은색 틴트 주기 linear-gradient 이건 색이 점진적으로 변하는 gradient를 줄 수 있는 키워드인데여기에 투명도 0.5의 검은색을 입힌 후에 배경겹치기 스

여러 요소를 찾은 다음원하는 n번째 요소만 스타일을 주고 싶으면 :nth-child(n) 이걸 뒤에 붙여주면 됩니다.이러면 짝수로 등장하는 td에만 스타일을 줄 수도 있고(odd라고 쓰면 홀수)이러면 3의 배수로 등장하는 3,6,9,12.. 번째 등장하는 요소에만 스타

원하는 td나 th 선택하여 border-bottom 적용하나의 td에 width를 주면 전체 열의 width가 변함.colspan에 원하는 숫자를 넣으면 그만큼 합쳐짐.

pseudo-class 셀렉터를 붙이시면 여러 상태에 따른 스타일을 지정해줄 수 있습니다.hover, focus, active 스타일 넣을 때 순서는 꼭 이렇게 선언해야 잘 동작합니다.hoverfocusactive 추가https://developer.mozil

비디오 태그에 넣을 수 있는 속성muted는 음소거상태autoplay는 자동재생 (muted와 함께 넣어야 동작함)poster는 썸네일이미지preload는 영상을 먼저 다운을 받을지 말지를 선택가능합니다 (auto, metadata, none 사용가능)유행은 지났지만

중간에 퍼센트 수치는 커스텀 가능.크롬같은 웹브라우저들은 html css를 2D 그래픽으로 바꿔주는 간단한 프로그램입니다.근데 html css를 그래픽으로 바꿀 때1\. Render 2\. Treelayout 잡기3\. 색칠하기 4\. transform 적용하기 순서로

원하는 모양의 아이콘 검색(예 : plus 치고 엔터)

이 코드는 우리가 잘 아는 a태그 코드이다.이 코드에 간단한 코드를 삽입하면 개인정보와 보안에 도움이 될 수 있으니 배워보자.noreferrer: 이 값은 웹 브라우저가 링크를 클릭할 때 Referrer 정보(이전 페이지 URL)를 전달하지 않도록 하는 역할을 합니다.

Anti-aliasing 이란 부드럽게 처리하는 것을 통칭한다.계단 현상이라고 어딘가에서 들어 본적이 있을 것이다.폰트의 계단 현상을 방지해보자.해당 요소의 각도를 조금만 돌리면 완료!