[WEB][CSS3] 속성 (1)

css는 직접 실행하면서 공부하는 것을 추천드립니다 .. 박스 속성width, height: 컨텐츠에 의해 정해짐width 디폴트 값: 행 전체height 디폴트 값: 컨텐츠 만큼모든 태그에는 경계선(테두리)이 존재 margin: 테두리와 다른 태그 사이의 테두리 바깥쪽 여백margin: [상] [우] [하] [좌];  🕑margin: [상하] [좌우];padding: 테두리와 글자 사이의 테두리 안쪽 여백, 배경색은 padding 영역까지만 적용padding: [상] [우] [하] [좌];  🕑padding: [상하] [좌우];border: 테두리 border-radius: [좌상] [우상] [우하] [좌하];  🕑 border-widthboder-styleborder-color각자 써도 되지만 ..

• format_list_bulleted Web/css
• · 2025. 3. 6.
• textsms

[WEB][CSS3] 기초

CSS: Cascading Style SheetCascade: 중첩CSSCSS3에서 특정 HTML 태그를 선택할 때는 선택자를 사용선택자 { 스타일 속성: 스타일 값; }보통 제목 글자! Lorem ipsum dolor sit amet, consetetur adipiscing elit. 이 코드에서 중첩을 볼 수 있다!> p 색깔이 전체에 씌워놓은 노랑색을 덮어씌웠음.> 이때, 아예 덮어버려서 없어지는 것이 아니라 쌓이는 것임! 중요 💥  CSS  스타일의 우선 순위 1. 호출 순서2. id3. class 드렁슨드렁슨 div 영역 하하 div 영역 여러 태그에 동일한 속성을 지정한다면 → 콤마를 사용하여 일렬로 나열.이때, 콤마를 쓰지 않으면 → ..

• format_list_bulleted Web/css
• · 2025. 3. 6.
• textsms

[WEB][HTML5] 입력 양식 태그

입력 양식용 태그, 태그 속성method> 생략 가능> default: GET 방식 요청action> 생략 가능> default: 현재 사용중인 URL로 전송autocomplete> 예전에 입력했던 값들을 노출되지 않도록 하기 위함enctype> default: application/x-www-form-urlencoded> 특수 문자일 경우 다른 문자로 인코딩 되어서 전송됨(ex) @ → %40> 파일을 보낼 경우엔 반드시 multipart/form-data로 설정하여 인코딩 안 되고 그대로 전송!  type="text"기본 입력창 type="password"비밀번호 입력창입력한 내용이 보이지 않음  one two ..

• format_list_bulleted Web/html
• · 2025. 3. 6.
• textsms

[WEB] HTTP 프로토콜

HTTP 프로토콜* 문자 기반 프로토콜* 서버 측에서 접속에 대한 상태 유지 x, 각각 독립적인 요구사항으로 인식 → 안정성! 요청method (URL)GET: 정보 읽기POST: 정보 생성PUT: 정보 수정DELETE: 정보 삭제header [n줄] 웹 브라우저에 대한 정보를 웹 서버에게 자료를 전달해 주는 것meta 정보, cookie에 대한 정보 등이 담겨있음 (ex) 나는 chrome이야~ 나는 window 기반이야~ ... bodyGET일 때 body 사용 안 함 → URL 경로 뒤에 쿼리스트링으로 정보를 담아서 보내! (ex) kyumin.html?name=kyumin&age=00POST일 때 body 사용 → 요청할 정보를 body에 담아! 보안 안전성: GET 전송 가능한 정보 길이: GE..

• format_list_bulleted Web/basic
• · 2025. 3. 5.
• textsms