728x90 반응형 SMALL 분류 전체보기37 [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. [GitHub] 깃허브에 소스 올리기 이번에는 깃허브(GitHub)에 소스코드를 올리는 방법에 대해 알아보겠습니다. [Create Repository(레파지토리 생성)] github 사이트에 들어가면 우측상단에 + 를 눌러 레파지토리를 생성할 수 있습니다. 이름(Name), 설명(Description) 을 적어주고 Create Repository 버튼을 눌러 줍니다. 소스코드 올리기 git init //로컬저장소로 만들기 git remote add origin 레파지토리 주소 //레파지토리 추가하기 위의 명령어는 처음 시작할 때(처음 프로젝트를 올릴 때) 쓰는 명령어 입니다. 평소 개발을 하며 프로젝트를 수정했을 때는 아래의 명령어를 사용합니다. git add . //로컬저장소에 모든 파일을 올려준다. git commit -m "메시지" /.. 2021. 5. 12. 이전 1 ··· 6 7 8 9 10 다음 728x90 반응형
