# after

15개의 포스트
post-thumbnail

가상클래스와 가상요소

웹 문서를 구조를 기준으로 특정 위치에 있는 요소를 찾아 스타일을 지정할 때 사용하는 가상 클래스 선택자문서 전체에 적용문서 안에 루트(root) 요소에 스타일을 적용함HTML문서에서는 최상위요소가 <html>이므로, 전체적으로 문서 안에 똑같이 적용할 스타일이

2022년 6월 30일
·
0개의 댓글
·

요소추가

다음 메소드를 사용하면 기존 요소의 내부에 새로운 요소나 콘텐츠를 추가할 수 있다.

2022년 5월 18일
·
0개의 댓글
·
post-thumbnail

after & before

가상 요소 별도의 class를 지정하지 않아도 지정한 것처럼 요소를 선택할 수 있다. after 실제 내용 바로 뒤에서 생성되는 자식요소 before 실제 내용 바로 앞에서 생성되는 자식요소 content="" 가짜 속성으로 after와 before를 사용할

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

[CSS] 배경 색 어둡게 만들기

배경 색깔을 더 어둡게 설정을 해주고 싶을 때 꿀팁🍯!예를 들어header의 배경이미지를 어둡게 하고 싶다고 가정했을 때,::after을 이용해 가상의 div를 만들어준 후,position을 absolute로 설정하고 너비와 높이를 100%로 설정을 해주면 heade

2022년 1월 28일
·
0개의 댓글
·
post-thumbnail

가상요소(Pseudo-Element)

가상클래스(Pseudo-Class)는,별도의 class를 지정하지 않아도 지정한 것 처럼요소를 선택할 수 있습니다.가상요소(Pseudo-Element)는, 가상클래스처럼 선택자(selector)에 추가되며, 존재하지 않는 요소를 존재하는 것처럼 부여하여 문서의 특정 부

2022년 1월 19일
·
0개의 댓글
·

변경된 CSS가 적용되지 않을 때

아니 아무리 봐도 맞는데 CSS가 적용되지 않는 탓에 2시간을 날렸다;;원인은 이전 CSS를 브라우저는 다운로드를 받아 캐시에 보관해놓고 사용하기 때문에변경된 CSS를 알아차릴 방도가 없었던 것이다.쉽게 말하자면,수정을 해도 CSS파일명은 style.css로 동일하기때

2022년 1월 19일
·
0개의 댓글
·

앞 뒤에 가상 요소

가상 요소(Pseudo-Element)란?– 가상클래스(Pseudo-Class)는,별도의 class를 지정하지 않아도 지정한 것 처럼요소를 선택할 수 있습니다.– 가상요소(Pseudo-Element)는, 가상클래스처럼 선택자(selector)에 추가되며,존재하지 않는

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

0705 - Servlet Test Form

테스트 클래스 생성 시에, src/test/java 에 생성한다JUnit 4.13.2 어노테이션 Befor / Test / After 로 생성

2021년 7월 5일
·
0개의 댓글
·
post-thumbnail

airbnb 클론코딩

airbnb를 만든 화면이다. 주된 컨텐츠 우측 상단 login_box 만들기 가운데 각 menubar의 title hover 작동 menubar의 hover 기능 && 클릭시 달력 동작 등 나머지 html 작업(사진 간격 등) 내가 완벽하게 하지 못한 작업

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

[Javascript] append, appendChild, prepend

appendChild는 DOM 메서드이므로 생성되이 있는 요소만 추가가 가능하다. 추가 노드 갯수도 1개로 제한되어 있다.let p = document.createElement('p');document.getElementById('myId').appendChild(p)

2021년 2월 28일
·
0개의 댓글
·
post-thumbnail

HTML/CSS) 메뉴 구분선 ::after나 ::before 사용해서 넣기

완성본(빨간 테두리는 영역표시를 위해 사용함. 별다른 의미는 없음)HTML코드CSS코드css마지막 줄의 a태그 border: blue 된곳이 클릭이 되는 영역임.a태그의 상위태그인 li태그로 크기를 키우지말고, 되도록이면 a태그 자체의 클릭범위를 넓혀서 사용자가 쉽게

2020년 12월 2일
·
0개의 댓글
·
post-thumbnail

Before & After 기능 만들기

막대를 클릭하여 Before & After 기능을 만들어 보아요

2020년 3월 25일
·
0개의 댓글
·