728x90 반응형 SMALL 분류 전체보기38 [CSS] CSS 선택자(2) CSS선택자에 대한 두 번째 시간입니다. CSS 선택자 가상 클래스 가상 요소 속성 1. 가상 클래스 선택자(Pseudo-Classes) - A:hover : HOVER, 선택자 A요소에 마우스 커서가 올라가 있는 동안 선택. a라는 태그에 마우스를 올리면 빨간색으로 변함. A:hover { color: red; } - A:active : ACTIVE, 선택자 A요소에 마우스를 클릭하고 있는 동안 선택. a태그 부분을 클릭하고 있는 동안에만 빨간색으로 변함. A:active { color: red; } - A:focus : FOCUS, 사용자가 A요소를 클릭 또는 탭 하거나 키보드 Tab키로 선택했을 때 발동됨. (Focus 될 수 있는 요소는 input, a, button, label, select 등.. 2022. 1. 5. [CSS] CSS 선택자(1) 이번 시간에는 CSS 선택자에 대해 알아보겠습니다. CSS 선택자 기본 복합 1. 기본 선택자 - * : 전체 선택자 (Universal Selector) , 모든 요소를 선택. - X : 태그 선택자(Type Selector) , 태그 이름이 X인 요소 선택. h1 { color: red; } -. X : 클래스 선택자(Class Selector), HTML Class속성의 값이 X인 요소 선택. 클래스 이름이 같기 때문에 태그가 달라도 CSS가 적용이 됨. Hello 안녕하세요 반가워! 잘가! .red { color: red; } - #X : 아이디 선택자(ID Selector), HTML id속성의 값이 X인 요소 선택. '반가워!'만 글자 색이 변경됨. Hello 안녕하세요 반가워! 잘가! .re.. 2022. 1. 5. [CSS] CSS 선언 방식 이번 시간에는 CSS 선언 방식에 대해 알아보겠습니다. CSS 선언 방식 - 내장 방식 - 인라인 방식 - 링크 방식 - @import 방식 1. 내장 방식 을 사용하여 스타일을 작성하는 방식. style 요소는 HTML의 해더 요소에 작성을 합니다. 즉, CSS 내용을 HTML의 style태그 내부에 작성하여 HTML자체에 내장 한다는 뜻입니다. 장점 : 별도의 CSS파일을 만들지 않아도 된다. 단점 : 프론트앤드 개발을 할 때 HTML, CSS, JS 파일을 분할하는 것이 유지보수 측면에서 좋다. => 유지보수 측면에서 단점이 많다. ( 프로젝트를 번들하는 과정에서 컴퓨터가 자동으로 파일을 내장방식으로 심는 경우는 문제가 되지 않는다. ) 2. 인라인 방식 요소의 style 속성에 직접 스타일을 하는.. 2022. 1. 5. 브라우저에서 PDF 안 열리는 문제 PDF 파일이 갑자기 열리지 않아요! 오늘은 브라우저가 pdf를 읽지 못하는 문제를 해결하는 방법에 대해서 알려드리겠습니다. 크롬(Chrome), 에지(Edge) 브라우저 모두에 해당됩니다. pdf 파일을 열기 위해서 더블클릭을 하였더니, 읽지를 못하고 계속 다운로드만 되나요? (pdf 무한 다운로드) 이 문제를 해결하기 위한 방법을 가져와 봤습니다. 1. Chrome PDF 설정. 먼저 크롬 창을 실행한 후, 우측 상단의 메뉴 아이콘(Kebab Menu Icon)을 클릭하여 설정으로 들어갑니다. '설정 검색' 란에 pdf를 입력한 후 스크롤을 내려 '추가 콘텐츠 설정'을 클릭합니다. 사이트 설정으로 들어갑니다. pdf문서로 들어간 후 기본 동작을 Chrome에서 PDF 열기로 바꿔줍니다. 이렇게 했는데.. 2022. 1. 5. 이전 1 ··· 6 7 8 9 10 다음 728x90 반응형
