전체 글48 CSS(3) - Pseudo - - div: 1. class 나 id 를 쓰는 것보다 훨씬 좋은 방법이다. 2. last-child 는 리스트에 있는 div 들 중 마지막에 있는걸 말한다. 3. first-child 는 첫번째 4. nth-child() 괄호안에 숫자를 넣어서 해당 숫자 번째를 가리킬수있다. (1) even : 짝수 번째 (2) odd : 홀수 번째 (3) 3n + 1 : 숫자 변경가능 3번째마다 적용이 되는걸 확인 할 수있다. - div p span { } 1. div 와 p 안에 존재하는 span 이 모든 영향이 미친다. 2. 내가 적용하고 싶은 하나만 적용이 되는게 아니라 모든 div 안의 p 안에있는 span 이 영향이 끼치므로 다른 작업을 추가로 해줘야할 가능성이 높아진다. - div > s.. 2022. 3. 25. CSS(2) - CSS의 성질 - 1. "css 는 무수히 많은 box(태그)로 구성이 되어있다." 2. "기본적으로 height(높이), width(너비) 로 box의 높이와 너비를 조절 할 수 있다." 3. "box 옆에 절대 다른 box 가 오지 않는 속성이 있다.(block)" 4. ",,,, 등 태그들은 box 옆에 box 가 올 수 있다.(inline)" [1]display - block; 1. block 은 높이와 너비가 있다. 2. block 은 box 로 margin, padding, border 속성이 있다. 3. margin 은 box의 border(경계)의 바깥에 있는 공간이다. 4. margin 방향없이 주면 사방에 다 적용이 된다. 두개의 속성을 주면 차례대로 '상하,좌우'를 의미하고 4개의.. 2022. 3. 24. CSS(1) 우리는 HTML, CSS, JS 를 뼈, 살, 근육 이라고 표현을 한다. 사용 방법. 1 . 기본적으로 css 를 사용 하기 위해서는 두가지 방법이 있다. - 첫번째 방법 태그 밑에 태그를 넣어 그안에 값을 지정하는 방식. - 두번째 방법으로는 "~~~".css 파일을 만들어 링크를 지정해주는 방식이 있다. 2. css 의 처리 순서는 더 먼저 지정해논 값 부터 순서대로 속성이 들어가진다 - 예를 들어 h1 태그 속성을 맨 앞에 먼저하고 그뒤에 또 h1 태그 속성을 입히면 첫번째 h1 속성이 먼저 들어가진다고 생각하면 된다 - 기본적으로 css파일 링크를 저장 해논것 보다 직접적으로 head 밑에 써준게 더 먼저 속성값이 입혀진다. 3. 유지보수와 재사용성을 높이기 위해서는 링크를 걸어서 쓰는 방법을 쓰.. 2022. 3. 23. WEB part 2 HTML H(hyper)T(text)M(markup)L(language) 태그 정리 1. 태그 글자크기가 가장 큼 두번째로 큼 숫자가 늘어 날수록 텍스트 크기가 줄어듬 보통 제목을 표시할 때 쓰는 태그 2. 태그 태그는 어떤 글자를 강조하기 위하여 쓴다. 3. 태그 태그는 anchor 의로 닻, 연결하다를 의미 즉 링크를 연결할때 쓰인다 사용법은 target=”_blank” = 새로운 탭에 페이즈를 여는 법 title=”글씨” = 커서를 올렸을때 뜨는 제목 4. ,, 태그 그룹핑 태그이며 숫자순서로 표기(order list) 그룹핑 태그이며 비숫자순서로 표기(unordered list) 단어들을 리스트로 나눌 때 쓰는 태그(list) 5. HTML기본구조 HTML 관련 구조 HTML HEAD body 기.. 2022. 3. 8. 이전 1 ··· 8 9 10 11 12 다음
