2019125 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. HTML CSS div span 2019. 12. 4. HTML CSS Font & text 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 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 - 볼드 Bold text - 중요성표현 볼드 Important text - 기울림 Italic text - 중요성표현 기울림 Emphasized text - 형광펜 Marked text - 글씨 작게 Small text - 글씨 지움 줄Deleted text - 밑줄 Inserted text - 주석(하) Subscript text - 주석(상) Superscript text - 인용 홈페이지화면 @ 폰트 font-family: ""우선순위"",""다음순위"",""그다음순위""; font-size: 20px.. 2019. 12. 4. HTML CSS 하이퍼링크 하이퍼링크 걸기 보이는문구 네이버 카카오 구글 이미지에 하이퍼링크 걸기 보이는문구 리스트 태그 활용 하여 버튼처럼 만들기 네이버 카카오 구글 스타일 살펴보기 display: inline-block; padding: 20px 30px; //안쪽 여백 margin-right: 10px; //오른쪽 여백 text-decoration: none; //하이퍼링크 밑줄 없애기 background-color: darkcyan; //배경색 color: lightgoldenrodyellow; //글자색 2019. 11. 30. 이전 1 ··· 3 4 5 6 7 8 9 10 다음 반응형
