본문 바로가기

전체 글3

css 셀렉터 문법(universal, type, id, class, state, attribute) 셀렉터(selector)란? 속성을 적용 할 부분을 지정하게 해주는 태그 Universal (*) : 모든 요소를 지정한다. * {color: green;} type (tag) : 특정 태그를 지정한다. li {color: blue;} ID(#id) : 특정 ID를 지정한다. #special {color: pink;} Class(.class) : 특정 Class 요소를 지정한다. .red {color: red;} State(:) : 특정 상태를 지정한다. ex)hover button:hover {color: yellow; background: beige;} Attribute([]) : 주어진 특성의 존재여부나 값에 따라 요소를 지정한다. ex)a[href], a[class], a[title], 문자열 a.. 2022. 8. 11.
html의 구성요소(html, head, body, title, meta 태그) html을 구성하는 요소 html, head, body, title, meta html 확장자를 명시하기 위하여 파일의 가장 위와 아래에 html 태그를 넣어준다. (meta 태그를 이용하여 인코딩을 해준다.) head 태그를 이용하여 body에 나오는 내용에 대한 설명을 해준다. (인코딩, 연결된 파일 불러오기, 제목, 페이지 설명 등) body 태그를 이용하여 본문에 오는 내용을 작성해준다. 본문 2022. 8. 11.
목차 태그 <list> 목차를 만드는 태그 ul, ol, li 일반적인 목차를 만들때는 list 태그를 사용한다. (list 태그를 사용하면 br 태그를 여러번 입력 할 필요 없이 자동으로 줄바꿈이 되며 목차를 생성해 준다.) 가나다라 아에이오우 abcd list 태그에서 다른 목차와 구분 짓기 위해서 li 위에 부모태그인 ul 를 넣어줌으로써 두개의 목차로 구분지을 수 있다. 가나다라 아에이오우 abcd list의 부모태그는 ol(ordered list)과 ul(unordered list)이 있는데 (사용 방법은 동일) ol은 앞에 넘버가 붙는다. * vscode에서 ctrl+click 시 다중 커서 가능. 2022. 8. 11.

티스토리툴바