본문 바로가기

취준생26

211011 필기내용 position fixed : fixed는 자신의 부모가 아닌 브라우저 기준 위치를 지정해주지 않으면 브라우저의 왼쪽 상단이 아니라서 일단 부모 쪽에 붙어있음 sticky : top: 0;를 같이 사용하면 처음엔 제자리에 있다가 top 0 자리에 오면 fixed처럼 변함 구형 브라우저는 실행 안됨 투명 상자와 민트색 상자 모두 같은 sticky 적용 relative : 기준만 잡아주거나 z-index를 위해 사용 absolute : relative가 기준이 됨 padding 적용 안됨 border는 적용됨 부모나 그 위에 부모에게도 relative가 없으면 브라우저 기준 글씨 옆 바 만들기 /* 가상요소: after 사용 */ .nav_list li:after, .nav_list li::after { c.. 2021. 10. 18.
211006 필기내용 font 개념 font-family 서체를 사용하는 속성으로 사용할 영문, 대안, 대중적인, 사용할 한글, 대안 weight 서체의 굵기 ultra thin, thin, light, regular, nomal, bold, bolder, black 100, 200, 300, 400, 500, 600, 700, 800, 900 font-style 서체의 기울 normal, italic, oblic line-height 행간 - 텍스트와 텍스트 사이의 줄(위/아래) 간격 / leading과 같은 개념 px, %, 기타 다른 단위(단위없는 수치/기본서체크기 기준 scale) font-size 폰트의 크기 (기본은 영문 대문자 X의 크기를 기준) 단위에 따라 조금 다를 수 있으며, 일부 font-size에 따라 .. 2021. 10. 8.
211005 필기내용 21.10.05 git git bash (cli)로 깃 첨부 방법 git status : 깃 상태 보기 git add * : 모든 파일 첨부하기 git add . : 모든 파일 첨부하기 git commint -m " " : "요약내용" git push : 푸시하기 git reset : undo와 같은 기능 git pull : pull 받기 html © : © 강조의 표현 strong : 강요성(위협, 무조건적인)을 띤 강조 - danger em : 권유성 강조 ins : 추가 점부된 내용 del : 기존 내용에서 삭제된 것 mark : 인식 (형광펜) css text-indent: 10px; : 첫 줄 10px 들여 쓰기 transition: height 300ms linear; : 단편성을 가진 애니메.. 2021. 10. 8.
211001 필기내용 시멘틱 구조 특징 웹페이지의 본문의 성격을 띠는 article/section의 형식은 내부에 다시 header/article/section/nav/aside/footer... 을 가질 수 있다. section/article은 하나의 작은 웹이란 개념을 갖고있기 때문 하지만 header/asdie/footer/nav의 특정 위치나 기능을 자체의 성향을 가지고 있는 요소는 내부에 section/article을 사용할 수 없다. header의 경우는 내부에 nav요소를 가질 수 있다. html dl 안에는 꼭 dt와 dd가 있어야함 제목은 있고 내용이 없으면 오류남 (dt는 있고 dd는 없는 경우 - 주로 네비게이션) css list-style-type: decimal; : 리스트 앞에 숫자 쓰기 영역 밖으로.. 2021. 10. 8.
반응형

티스토리툴바