분류 전체보기(226)
-
Day3 VSCODE_CSS_Color
🟢CSS 컬러 1. 색상 이름으로 표현 red,yellow,blue,salmon.... 2. rgb 색상값으로 표현 rgb(0~255,0~255,0~255) rgba(0~255,0~255,0~255,0~1사이 소수) (alpha값! 투명도) 3. 16진수 색상값으로 표현 #0000FF ->파랑 = #00F 🟢CSS의 텍스트 1.color 텍스트의 색상을 설정 기본값은 검정 2.letter-spacing 텍스트 내에서 글자 사이의 간격을 설정 [예시] 안녕하세요. 오늘은 화요일... 아직도 ? 안 녕 하 세 요 . 오 늘 은 화 요 일 . . . 아 직 도 ? 3.word-spacing 텍스트 내에서 단어 상의 간격을 설정 [예시] 안녕하세요. 오늘은 화요일... 아직도? 안녕하세요. 오늘은 화요일... ..
2023.03.29 -
Day2 VSCODE_CSS
🟢상속 부모 요소의 속성값이 자식 요소에게 전달 되는 것(요소선택자에서 사용) ✔ 참고 사이트: https://www.w3.org/TR/CSS22/propidx.html 🟢주석문 /* ~ */ 사이에 내용을 입력 🟢CSS를 적용하는 방법 1. 인라인 스타일(거의 사용 안함) HTML요소 내부에 style 속성을 사용하여 적용하는 방법 (이것은 헤드에 태그하는 것이 아니라 바로 적용) [예시] 안녕하세요 2. 내부 스타일 (10% 사용) HTML문서에 사이에 요소를 사용하여 적용 [예시] 3. 외부 스타일 웹 사이트 전체의 스타일을 하나의 파일에서 변경할 수 있도록 적용하는 방법 [예시] ✔rel 현재 문서와 링크된 문서 사이의 연관관꼐 명시 🟢 HTML 구조 확인하기 HTML의 구조 HTML의 구조입니다..
2023.03.29 -
Day1_VSCODE_CSS CSS문법과 선택자
CSS 문법 HTML 문서 요소 안에 p { color:deepskyblue;} 7. 자손 선택자 -조상 요소 하위의 모든 요소의 스타일을 적용 -자손은 자식을 포함 [예시] body p {color:deepskyblue} 8. 인접 형제 선택자 -동일한 부모의 요소가 갖는 자식 요소들의 관계 -연속된 동생 요소의 스타일을 적용 [예시] h2 + p {color: deepskyblue;} 9. 일반 형제 선택자 -형제 관계를 갖는 요소 중에서 요소 다음에 나오는 모든 동생 요소의 스타일을 적용 [예시] h2 ~ p {color:deepink;} 10. 속성 선택자 - HTML요소에서 src,href,style,type,id,class.. 등 속성을 선택자로 지정해서 스타일을 적용 - 패턴이 많음 -> M..
2023.03.29 -
CSS 서포트 사이트
https://developer.mozilla.org/ko/
2023.03.28 -
Day1_VSCODE_CSS
CSS(Cascading Style Sheet) 웹페이지의 특정 요소 또는 요소 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어
2023.03.28 -
Day2_VSCODE_HTML 폼 태그 + 라벨 태그 + 버튼 태그 + 선택 상자 태그
✔폼 태그 - 웹 페이지에서 사용자로부터 입력 받을 때 사용하는 태그 - 사용자가 입력한 데이터를 서버로 보낼 때 form 요소를 사용 전송방법(method) get : URL에 데이터를 포함하여 전달 post: body에 데이터를 포함하여 전달 사용법
2023.03.27