[WEB][CSS3] 속성 (2)

CSS3 속성 2탄.글자 속성font-sizefont-family공백이 있을 경우에 '' 로 반드시 묶기!여러 개 지정해놓기 가능, 첫번째 글꼴이 없을 경우에 그 다음 걸로 지정웹 폰트 많이 사용font-style글자 스타일italicnormalobliqueinheritinitialfont-weight글자 굵기text-alignleftrightstartend 태그는 중앙이라는 개념이 없으므로 이 속성을 적용할 수 없음!inline-block에서만 적용됩니다~~text-decorationnone위치 속성 position좌측 상단 모서리: default!!abolute: 절대 위치 좌표 설정부모 영역을 벗어나는 경우 → overflow 처리overflow: hidden / scroll실습 꼭 해보기!fixe..

• format_list_bulleted css
• · 2025. 3. 12.
• textsms

[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 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 css
• · 2025. 3. 6.
• textsms

[WEB][HTML5] 구조화 태그

💥 중요 포인트 💥부모/자식(DOM) 관계!!공간 분할 태그div: 블록 형식으로 공간 분할> width: 전체 행> 한 행을 모두 차지하며 끝 태그 이후 바뀜span: 인라인 형식으로 공간 분할> width: 컨텐츠의 크기> 내용 만큼만 영역을 차지 / 끝 태그 이후 줄바꿈 하지 않고 다음 내용 출력 블록 형식: div, h1~h6, p, 목록, table> 부모 태그의 크기> 상하좌우 마진 가능, 상하 마진 다른 div와 겹칠 수 있음> 크기 조정 가능 💨 인라인 형식: span, a, input, 글자 형식, 입력 양식> 상하 마진 불가> 좌우 마진 가능! (부모 기준)> 조정 불가능 💫 인라인-블록 형식: img 시맨틱 태그(semantic): 웹 페이지의 태그에 의미를 부여하는 태그hea..

• format_list_bulleted html
• · 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 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 basic
• · 2025. 3. 5.
• textsms