본문 바로가기

2019/HTML & CSS21

HTML CSS Import 2019. 12. 4.
HTML CSS 웹폰트 2019. 12. 4.
HTML CSS 정렬 @ vertical-align (테이블에만 사용가능) 위 중간 아래 정렬 @ text-align 왼쪽 중간 오른쪽 정렬 2019. 12. 4.
HTML CSS 다단 다단 column-count: 3; :3단락으로 나누기 column-gap: 100px; :여백 column-width: 300px; column-rule-style: dotted; column-rule-color: blue; column-rule-width: 10px; column-rule:3px double darkblue; column-span: all; : 2019. 12. 4.
HTML CSS . . 2019. 12. 4.
HTML CSS Z-index 2019. 12. 4.
HTML CSS 가상 클래스 (hover focus active visited) 2019. 12. 4.
HTML CSS Display inline block inline-block 2019. 12. 4.
HTML CSS Position static : 요소를 문서의 흐름에 맞춰 배치. relative : 이전 요소에 자연스럽게 연결해서 배치. -상대적 absolute : 원하는 위치를 지정하여 배치. -절대적 fixed : 지정한 위치에 고정해서 배치하는데 요소가 화면에서 잘릴 수도 있다. 2019. 12. 4.
HTML CSS Margin Padding 2019. 12. 4.
HTML CSS Color HTML에서 컬러 지정하는 방법은 4가지가 있다. style 내부 .. background-color: skyblue; background-color: #f2f232; background-color: rgb(10,200,222); background-color: rgba(255,99,71,0.5); 2019. 12. 4.
HTML CSS Selector 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 * { } :전체 p { } :p 태그 -자손선택자: 모든 하위요소에 스타일 적용 section p { color:blue; } -자식선택자: 바로 하위요소에 스타일 적용 ( > 사용 ) section > p { color:blue; } 인접 형제 선택자 : h1 다음에 있는 p태그 h1 + p{ background-color: lightyellow;} 형제 선택자 : h1 바로 밑에 있는 p태그'들' h1 ~ p{ border:1px solid silver; } @ 하위 선택자 div.b : div태그중 class="b"로 정의된 것 선택! div.b{ background-color: .. 2019. 12. 4.
HTML CSS 절대경로 / 상대경로 2019. 12. 4.
반응형