[CSS] 다양한 selector
·
CSS
CSS파일 만들기@charset "UTF-8";p{/*모든 요소*/ font-family: 궁서체; font-size: 35px; font-weight: bold; font-style: italic} div p {/*안에 있는 모든 */ background-color: chartreuse;} h2, p {/*모든 , 모든 */ color: deeppink;} div h2 {/*안에 있는 h2*/ text-shadow: 2px 3px tomato;} dis>span>p {/*부모>자식 - 한양대학교/건국대학교 접근*/ text-decoration-line: line-through; text-decoration-color: black..
[CSS] External CSS
·
CSS
- CSS파일 import- .css 스타일만 별도로 모아놓은 파일 (여러 개 가능).css 파일@charset "UTF-8";*{ font-family: 궁서체; font-size: 34px; font-style: italic; font-weight: bolder; } body{ background-color: coral; margin: 0; padding: 0;}.line{ border: 3px dotted turquoise;}#myLayer{ width: 250px; height: 150px; background-color: darkslateblue;} charset "UTF-8";문자 인코딩(표현방식) UTF-8 (반드시 첫 줄에 ..
[CSS] Internal CSS
·
CSS
선택자 Selector- 스타일을 적용하기 위한 대상을 뜻하며, HTML요소를 사용할 수 있고 ID나 class형태로 정의할 수 있다.- 선택자 {속성1:값1; 속성2:값2; 속성3:값3; ~~}- 하나의 속성을 주석 --선택자의 유형1) 태그HTML요소명을 선택자로 사용가능. (div, h1, input, body 등등)h1 {background-color: aqua; color: darkblue;}h2 {background-color: darkkhaki; color: indigo;}input {border: 2px solid coral;}-> {border: 2px solid coral} / 선굵기 직선 선색상 2) #선택자 이름본문에 적용할 때 id="선택자이름", 본문에 선택자이름을 한 번만 적용..
[CSS] Inline CSS
·
CSS
style="속성:값; 속성:값; 속성:값;"background 배경 관련 스타일 background-repeat: no-repeat; background-position: right bottom; background-size: 20% 20%;">텍스트 관련 스타일 여러 개의 네이버 계정을 활용한 이벤트 참여로 중복 당첨된 경우, 해당 아이디는 당첨 대상에서 제외됩니다. 이미지 도용, 조작 사실이 확인되는 경우 당첨이 취소됩니다. 3회 이상 개별 댓글 시에도 본인 확인이 되지 않을 경우 당첨이 취소됩니다. 본 이벤트는 사정에 따라 변경될 수 있습니다. - color :..
[CSS] 기본문법
·
CSS
CSS: Cascading Style Sheets - 웹문서(HTML 문서)의 표현, 서식, 일관성을 유지한다.- 명령어는 대소문자를 반드시 구분한다.- 종결문자는 ;- 여러줄 주석은 /**/- 속성 1개 주석은 --CSS 용어- 요소 = element- 속성 = property, attribute- 선택 = selector- key, value, nameCSS 적용하는 방식- Inline CSS : style=" " 속성- Internal CSS : 태그- External CSS : .css 스타일 파일
효땡
'CSS' 카테고리의 글 목록 (2 Page)