멋쟁이v의 개발일지

1 2 3 02. 요소가 쌓이는 순서💡우리가 화면에서 볼 수 있는 요소 중 어떤 요소가 사용자와 더 가깝게 있는지(더 위에 있는지) 결정하는 것입니다.조건1️⃣ 요소에 position 속성과 값이 있는 경우에는 더 위에 쌓인다.2️⃣ 모든 요소에 position 속성과 값이 있는 경우에는 z-index속성의 값이 더 높으면 위에 쌓인다.z-index 숫자가 높을수록 위에 쌓인다3️⃣ 1,2 번까지 조건이 같은 경우에는 나중에 작성된 경우 위에 쌓인다. 03. 변환💡요소를 변환하는 속성입니다.항목👉🏻원근법, 이동, 크기, 회전, 기울임➡️ 요소를 이동시키는 함수 translate();➡️ 요소를 회전시키는 함수 rotate(deg); (degree각도) 04. 전환💡하나의 스타일을 완전히 다른 스타일로 바..

[목차]01. 색상 표현02. 박스 모델03. 여백을 지정하는 속성들04. 배경 01. 색상 표현💡색을 사용하는 모든 속성에 적용 가능합니다.1) 색상의 이름을 작성브라우저에서 제공하는 색상 이름을 입력한다.간단한 색상 표현은 가능하지만 명확한 특정 색상 표현은 브라우저에 따라서 달라질 수 있다. 2) Hex(Hexadecimal)16진수 색상 코드#으로 시작하며 가장 많이 사용한다. 3) RGB빛의 삼원색Red, Green, Blue 4) rgba빛의 삼원색 + 투명도(0~1) 02. 박스 모델💡html 요소의 기본적인 모양을 만드는 속성입니다. 요소의 너비, 높이, 내부 여백, 외부 여백 등1) 요소의 너비와 높이 (width, height)기본값 : auto, 브라우저가 너비를 계산 2) 요소의 최..

붉은색 붉은색 검은색 붉은색 💡(1) 이름은 기억하기 쉽고 명확한 이름을 작성합니다. (2) 이름은 절대로 숫자 또는 특수 기호로 시작하면 안됩니다. (3) 클래스 이름은 소문자로 작성하며 단어 뒤에 다른 단어가 나오면 _(언더바) 또는 -(대쉬)로 구분합니다. [코드예제] 기본 선택자 사과 딸기 블루베리 사과 사과 비빔밥 초밥 [코드예제] 기본 선택자 실습[html.html] 태그 선택자 태그 선택자 클래스 선택자 클래스 선택자 아이디 선택자 클래스 중복 가능 [main.css]@import url("./sub.css"); span { color: blueviolet; text-decoration: underline; background-color: aqua; } .main_div { backgroun..

index 입니다. HOME NOTICE LOGIN SIGNUP [notice.html] NOTICE 입니다. HOME NOTICE LOGIN SIGNUP [login.html] LOGIN 입니다. HOME NOTICE LOGIN SIGNUP [signup.html] SIGNUP 입니다. HOME NOTICE LOGIN SIGNUP 05. css 연결 방법 4가지1) 내장 방식웹 문서 안에 사용할 스타일을 정리하는 방식html 문서의 head 영역에 style 작성html 문서 내부에 작성하기 때문에 내장 방식 또는 내부 스타일 시트라고 부른다.장점별도로 css 파일을 작성할 필요 없이 내부에서 작성 가능단점css 내용이 많아지는 경우 HTML문서 내에서 한번에 처리하기 어렵다.💡웹 표준 : 프론트엔드 ..