$$config title: 0614/0615 keywords: - IT - ... $$ # 20220614 -[웹1 20220614](https://slog.gg/p/6819) --- - 코드 사용시 '(그레이브 악센트)코드내용,위캔명령어'로 묶어서 텍스트화 가능) - (~)*3사용시 관련된 문서가 전체 텍스트화된다 - (~)사용 후 CSS입력 후 엔터 치고 CSS 문서화 됨 ```color - 각각의 문서 그룹화 div/section/nav/article 순으로 사용 가능 css 처음에 별(*) : 모든 걸 다 속성시킬 수 있음 rgb-> 색 0~255 .5도 가능 0은 굳이 안써도 됨 rgba->투명도 조절 가능 letter-spacing : 자간 /*(코드)*/ : 코드명령어가 실행 되지 않음 white-space : nowrap -> 단어에 맞게 줄 바꿈 현상이 생김, 단순 컬러박스는 줄 바꿈 현상이 생기지 않음 (선행되는 로직이라서 word-break와 동시에 쓰일경우 이게 설정됨) word-break : break-all -> 단어에 맞게 줄바꿈 현상이 아니라 글자에 맞춰 없어짐 _아래첨자 ^윗첨자 글씨크기- 보통은 h4와 일반 글씨와 크기 같음

안녕하세요

display block : 너비최대가 기본 속성, 그렇기 때문에 한 줄에 '하나'만 배치 가능, 너비 높이 미지정시에 내용물의 높이만큼 '가로무한'으로 나온다, 높이만 지정해도 배경이 나오며 너비 높이를 지정할 시에는 내용물이 넘쳐도 너비나 높이는 변하지 않는다. ex) div, section, nav, article 등 inline-block : 가로 성분이 무한이 아니라서 한줄에 여러개 나올 수 있다, 내용물 높이와 너비에 자동으로 맞춰지고 내용물이 없을 시 너비, 높이 둘 다 지정해야 나온다. inline : 인라인 블럭과 같지만 너비, 높이 지정 불가! 인라인 성분으로 다른 속성을 감싸는것은 안된다. ex) span, a, img -> 텍스트랑 이미지랑 인라인 성분 none : 화면에 나오지 않음 -> 앞의 내용이 none으로 지정되어 사라지면 다음 코드가 none으로 지정된 자리로 올라옴 구글
구글 color:inherit->부모에 속성됨 text-decoration:none->밑줄 없어짐 - hr태그는 가로선 태그 - 다른 태그와는 다르게 종료 태그가 없고 display : block 이다 - Table 테이블(표) - TH : 소제목 느낌, 글씨 두께가 진하게 됨 - TD : 테이블 데이터 (내용) ->'행' 담당, inline-block과 같은 느낌 - TR : 테이블 로우 -> '열' 담당, block과 같은 느낌 border-collapse:collapse -> 보더를 뭉게버리는 것 상위선택자 space bar -> 한칸 띄우면 하단 후손들에게 코드가 다 적용됨 hover : 마우스 오버효과 transition : (효과) 3s 효과가 3초동안 변함,(콤마)하고 효과 1s 다음 효과를 넣을 수 있음 (높이, 너비등) -> 원래 div에 효과를 주면 효과가 생성되었다가 돌아가는 효과까지 확인할 수 있음 linear : 선형 ease-in(out) : 시작(끝)이 빨라짐 카톡 - klh1523 --- 띄어쓰기 처음엔 스페이스바를 누르면 띄어쓰기가 되지만 두번째부터 되지 않음 그 이상 띄어쓰기를 할 때 쓰면 좋음! 컨트롤 에프 : 찾기. 변경하고 싶은 문구 입력 후 엔터 컨트롤 쥐를 누르면 선택영역이 뒤로 컨트롤 쉬프트 쥐 앞으로 이동 리플레이스 나오면 엔터후 위드에 변형 하고 싶은 걸 입력 그리고 원하는 걸로 클릭!