html
class 이름에 띄어쓰기 하면 이름 두개됨
target="_blank" : 새창에서 띄우기 `<a target="_blank" href=""></a>`
list
- `<li>` 리스트를 뜻함
- `<ul>` 순서가 없는 리스트 (불릿기호)
- `ul`안에는 자식으로 `li`만 가능
- `<ol>` 순서가 있는 리스트 (1, 2, 3, ...)
- `<dl>` 제목이 있는 리스트
- `<dt>` 제목
- `<dd>` 내용 - 한 탭 정도 들여쓰기
리스트 내부에는 반드시 `li`요소만 작성이 가능!!
`dl`의 경우에는 `dt/dd`의 요소만 작성 가능
다른 태그를 쓰고 싶다면 `<li><p></p></li>` 처럼 내부에 사용해야 함
- 다단리스트는 최대 3단계 권장
style
- 주석처리할때 /* */ 는 그냥 주석 /** */ 처럼 *이 두개들어가면 암묵적으로 설명
- class 를 적용시킬땐 class 이름 앞에 `.` 적음
- id를 적용시킬땐 id 이름 앞에 `#` 적음
- `<div>` 는 블럭요소
- 블럭요소에서 `display: inline;` 하면 강제로 inline 형태로 변경 가능
- `<span>` 은 인라인 요소
- 인라인 요소에서 `display: block;` 하면 블럭 형태로 변경 가능
- `inline-block` : 블럭처럼 height는 갖지만 인라인처럼 width 는 갖지 못함/잘 사용 안함
- 기본 inline-block 요소 : img, button, input, select, textarea
- display 를 두번 사용하면 위에 display는 삭제처리
- 글씨 색은 다른거 쓰지말고`color` 만
- 자손선택자
- 어느 부모 안의 자손만 선택해서 사용할 경우 `h1 a{ display: block; width:100%; height: 100%; color:#973;}` 처럼 한칸 띄고 사용
- `.ex_part ul > li ` 에서 > 은 자손 선택자 라는 뜻
- `section.ex_part > h2 { color: #333;}` section 과 뒤에 class 이름을 붙이면 동급 (띄면 자식)
- 하나의 요소를 선택하여 css를 적용 : 타입/요소 선택자
- ex: div {} || p {} || a {} || li {}
- 요소 (스페이스 요소를 선택하여 css적용 : 자손(후손) 선택자)
- ex: ul li {} || ol li {} || div a {} || #box li {} || .test a {}
- 요소 > 요소 선택자 : 자식 선택자.
- ex: ul > li {} || div > h3 {} || #box > h2 {}
- id/class : id -> #id명 , class -> .class명
- 전체선택자 : 가급적 사용 x
cli (git-bash)
`\` : window에서 폴더 이동
`/` : linux/unix(mac) 에서 폴더이동
`ipconfig` : ip주소 찾기
`컨트롤 insert` : 복사
`pwd` : 현재위치
`cd ..` : 한단계 위 디렉토리로
`cd -` : 이전 위치로
`ls` : 현재위치에서 목록보기
하드 디렉토리는 이동할때 하드 이름 뒤에 `:` 붙이기
`clear` : 화면 정리
`start .` : 해당 디렉토리 열기
`mkdir` : 디렉토리 만들기
`ls -a` : 숨겨진 모든 파일/디렉토리포함 리스트 보기
`cd /` : 현재위치에서 최상단
`cd ~` :
`whoami` : 컴퓨터 이름 확인
`history` : 지금까지 썼던 명령어
- `!숫자` : 해당하는 라인의 명령어 수행
`touch` : 파일 만들기
`&&` : 명령어 한번에 수행
`ll` :
`mv` : 파일 이동 (mv '이동할 파일이름' '이동할 디렉토리')
파일 이름 변경 (mv '변경할 파일' '변경할 파일 이름')
`cp` : 복사
- `cp -r 디렉토리 이름` : 디렉토리 안에 파일이 있어도 강제로 복사해라
단축키
ctrl + shift + l (L) | 같은 단어 감싸기 |
ctrl + shift + P (view -> comment palette) 하고 wrap검색 -> 태그 | 자동으로 넣어짐 |
ctrl + alt + = : 에 기능 넣어놓음 | |
내부에 또다른 태그 넣고싶으면 > 넣고 태그 넣으면 계속 내부로 넣어짐 | |
ctrl + alt + i | 숫자 자동으로 맞추기 |
ctrl + enter | 밑에줄 엔터 |
shift + ctrl + enter | 위에줄 엔터 |
shift + alt + 방향키 | 그 줄 끝으로 전체선택 |
alt + 방향키(위,아래) | 위 아래 줄 변경 |
선택 + shift + delete | 잘라내기 |
반응형
'취준생' 카테고리의 다른 글
210917 필기내용 (2) | 2021.09.17 |
---|---|
210916 필기내용 (0) | 2021.09.17 |
210914 필기내용 (0) | 2021.09.15 |
210910 필기내용 (0) | 2021.09.12 |
210909 필기내용 (0) | 2021.09.09 |
댓글