반응형 분류 전체보기71 CSS 가상 선택자4(::first-line, ::first-letter, ::before, ::after) ● 의사 요소 선택자(pseudo-element) ★ 요소의 지정된 부분을 스타일 설정하기 위한 선택자. ※ 종류 ☆ ::first-line - 요소의 첫줄에 스타일을 설정 ☆ ::first-letter - 요소의 첫 글자에 스타일을 설정 ☆ ::before - 요소의 앞에 어떤 내용을 삽입하기 위한 선택자. ☆ ::after - 요소의 뒤에 어떤 내용을 삽입하기 위한 선택자. ★ pesudo_element_selector.html ★ Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu tincidunt lectus. Duis augue quam, tincidunt vel ante faucibus, vest.. 2023. 5. 16. CSS 가상 선택자3(:disabled, :checked) ● 가상 선택자 ★ 의사 클래스 선택자(pseudo-class) - 요소의 특수한 상태를 정의하는데 사용 - 예를 들어, 링크 요소에 마우스가 올라갔을 때, 내려올 때 등. ※ 종류 ☆ :disabled - 요소의 속성 중에 disabled 가 설정될 때의 스타일 설정. ☆ :checked - 체크 요소의 체크가되었을 때의 스타일 설정. ★ pseudo_class_selector3.html ★ 대중교통 자가용 2023. 5. 16. CSS 가상 선택자2(:first-child, :last-child, :nth-child(2n+1)) ● 가상 선택자 ★ 의사 클래스 선택자(pseudo-class) - 요소의 특수한 상태를 정의하는데 사용 - 예를 들어, 링크 요소에 마우스가 올라갔을 때, 내려올 때 등. ☆ :first-child : 첫번째 ☆ :last-child : 마지막 ☆ :nth-child(2n+1) : even: 짝수번째, odd: 홀수번째 요소선택 2n: 2의 배수, 3n: 3의 배수로 요소 선택 ★ peseudo_class_selector.html★ 프론트엔드 프로그래밍 프론트엔드 프로그래밍 프론트엔드 프로그래밍 프론트엔드 프로그래밍 프론트엔드 프로그래밍 프론트엔드 프로그래밍 프론트엔드 프로그래밍 프론트엔드 프로그래밍 프론트엔드 프로그래밍 프론트엔드 프로그래밍 2023. 5. 16. CSS 가상 선택자1(:link, :visited, :hover, :active, :focus) ● Selector(선택자) ★ 의사 클래스 선택자(pseudo-class) - 요소의 특수한 상태를 정의하는데 사용 - 예를 들어, 링크 요소에 마우스가 올라갔을 때, 내려올 때 등. ※ 종류 ☆ :link - 링크가 연결된 요소의 스타일 설정. ☆ :visited - 방문한 페이지와 연결된 링크 요소의 스타일 설정. ☆ :hover - 요소의 영역 위에 마우스가 들어가면(위치하면) 보이는 스타일 설정. ☆ :active - 요소를 클릭할 때의 스타일 설정. ☆ :focus - 입력 요소(input 태그 등)가 포커스를 가질 때의 스타일 설정. ★ pseudo_class_selector.html ★ 다음카카오 마우스를 올리세요. 이게 보이나요? 포커스를 가지면 변합니다. 2023. 5. 16. ReferenceError: Cannot access 'form' before initialization 원인 : 코드에서 함수를 변수보다 위에 선언 해놓음. 해결: 함수 위로 변수를 먼저 선언해서 해결 2023. 5. 9. Github repository 만들기 및 함께할 팀원 추가 Create Repository Repositories -> New 1. repository 이름 2. public : 전세계 모두에게 공개, private : 비공개 Add people 2023. 5. 4. Git token 컴퓨터에 저장하기 setting -> Developer settings -> Personal access tokens -> token(classic) 이동 Generate new token 클릭 후 token 생성 -> token 복사 일반 자격 증명 -> git:https://github.com 이 있으면 여기서 편집 없으면 추가해서 편집 사용자 이름에는 github name 입력 암호에 token값 입력 후 저장 2023. 5. 4. WEB STORM ide설정 xml ide 설정 XML 파일로 Export XML 파일 import xml 파일 찾아서 import 하면 됨 2023. 5. 4. CSS 기본 선택자('*', '태그', '.', '#', '[속성]') ● Selector(선택자) ★ 기본 선택자 ☆ * : 전체 선택자. 모든 요소를 선택. 모든 요소에 적용 .(html, body 포함) ☆ 태그(타입) : 지정 태그 요소를 선택. ☆ . : 클래스 선택자. 지정한 클래스 요소를 선택. ☆ # : id 선택자. 지정한 id 요소를 선택.(id 속성) ☆ [속성] : 속성 선택자. 지정한 속성 또는 '속성=값'으로 요소를 선택. ★ universal_selector.html ★ 전체 선택자 영어로 Universal Selector. 모두 같은 색상, 같은 크기 문서의 모든 요소를 선택하여 스타일을 적용 ★ type_selector.html ★ Type Selector(h1) Type Selector(h2) Type Selector(h3) Type Sele.. 2023. 5. 4. 이전 1 ··· 4 5 6 7 8 다음 반응형
