목록0년차/HTML-CSS (6)
멋쟁이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문서 내에서 한번에 처리하기 어렵다.💡웹 표준 : 프론트엔드 ..
제목 내용 이름 안녕 안녕 안녕 안녕 [코드예제2] table 여행지 선정 지역 이름 대표 관광지 전라북도 전주시 전주 한옥 마을 덕진공원 한국스마트정보교육원 신시가지 군산시 선유도 군산대 경상북도 포항시 호미곶 포항 강원도 강릉시 강문해변 동해 테이블 실습2 1 2 3 4 5 6 7 8 9 1 2 3 4 5 8 9 1 3 4 5 6 7 2 3 6 7 8 1 2 3 4 8 2) input 요소👉🏻사용자가 데이터를 입력하는 요소입니다. type 속성으로 입력 받을 데이터 타입을 정할 수 있습니다. 👉🏻속성종류1️⃣ name 속성으로 해당 input의 이름을 명시2️⃣ value 속성으로 해당 input의 초기값을 명시form 데이터를 서버로 전송하면 서버에서 받을 때 name데이터로 받는다. 실제 값은 v..
: 해당 페이지에 대한 정보를 서술하는 공간. 웹페이지에 단 하나만 존재. 브라우저 실행 화면에는 보이지 않는다. (설정 정보 작성 영역) ex) title, meta, link, style, script : 탭에 보이는 웹 페이지의 제목 표시 : 해당 문서에 대한 정보를 기술한다. ex) : 언어 설정👉🏻문자셋 종류➡️ ASCII (American Standard Code...) : 미국 정보 교환 표준 부호 ➡️ EUC : ASCII가 아닌 국가 별 문자 표현을 위해 만들었다. 중복되는 영역이 발생 (여러 문자셋 사용x) ex) EUC-kr, JP, CN ➡️ Unicode(중복되는 영역이 발생하는 문제를 해결) : 모든 문자를 표현할 수 있다. 하나의 문자셋 안에 전세계 모든 문자를 넣어서 사용한다..