Pichu Pokeball
본문 바로가기

분류 전체보기113

 CSS고급 선택자 background-repeat: 브라우저 화면에 가득 찰때 까지 가로와 세로로 반복하는 것이 기본값. no-repeat을 자주 씀. background-position: 배경 이미지의 위치를 조절 [background-position: ;] background: tor url(() no-repeat center bottom fixed; 속성값이 다르므로 입력 순서는 상관 없습니다. /*img{ background-origin: content-box; right: 0; background-repeat: no-repeat; background-size: cover; position: absolute; } p{ position: relative; }*/ body{ background: white url("... 2023. 5. 24.
CSS,박스 모델 궁금했던것: div 태그(한 라인 전체 차지)는 Division의 약자로 웹사이트의 레이아웃을 만들때 주로 사용, 논리적 구분을 정의, CSS를 활용하여 스타일 적용,display 속성이 block임, 줄바꿈이 됨 inline은 한줄에 여러 개(image) span 태그는 display 속성이 inline, 줄바꿈이 안됨. 블록 레벨 요소: 요서를 삽입했을 때 혼자 한 줄을 차지하는 요소, 요소 너비가 100%(h1, div, p) 인라인 레벨 요소: 줄을 차지하지 않는 요소, 화면에 표시되는 콘텐츠만큼만 영역을 차지하고 나머지 공간에는 다른 요소가 올 수 있음(image, strong, span) 박스모델: 박스 형태의 요소 콘텐츠 영역 패딩: 박스와 콘텐츠 영역 사이의 여백 테두리: 박스 테두리 마진.. 2023. 5. 23.
p.233,234,235 예제 DOCTYPE html> webtrend ul{ list-style: none; line-height: 200%; } strong{ color:#ad3000; } #container{ width: 600px; margin: 20px auto; border: 1px solid #000; background-color: #000; } h2{ color: white; text-shadow: 3px 2px 5px black; } table,td,th{ caption-side: bottom; border: 1px solid black; padding: 10px; border-collapse: collapse; } .heading{ background-color: #eee; } 최신 웹 디자인 트렌드 반응형 웹 디.. 2023. 5. 22.
p.191, 192 예제 DOCTYPE html> 상품 소개 페이지 웹 기술-기본 HTML CSS Javascript 기초 h1{ display: inline-block; background-color: #222; color: #fff; padding: 10px; } ul{ list-style: none; } li{ font-size: 1.2em; line-height: 1.5em; color: blue; } 2023. 5. 22.
CSS의 기본(1) 스타일(style): HTML문서에서 자주 사용하는 글꼴이나 색상, 정렬, 각 요소의 배치 방법과 같이 문서의 겉모습을 결정짓는 것을 가리킴. 반응형 웹 디자인 : PC, 모바일과 상관없이 웹 브라우저의 크기에 따라 화면 레이아웃을 자동으로 바꿔주는 방법. 하나의 웹문서에서 작동하도록하는 것이 스타일의 역할. 배치가 달라짐. CSS스타일의 형식 [선택자 {속성1: 속성값1; 속성2: 속성값2; }] //속성1: 속성값1 = 스타일 규칙. p(타입 선택자: 스타일을 어느 태그에 적용할지 알려줌){(괄호 안에 스타일 정보) text-align(텍스트 정렬 속성): center(값); color(글자색 속성): blue(값); } 스타일 규칙 ;으로 구분하고 {} 안에 나열함. 스타일 주석: /**/으로 여러.. 2023. 5. 22.
Java 네트워크 프로그래밍 네트워크 : 데이터 교환을 목적으로 로컬컴퓨터와 원격컴퓨터 간에 데이터의 흐름을 나타내는 구조. ( 여러 대의 컴퓨터를 통신 회선으로 연결한 것) 네트워크모델 : 자원이나 데이터의 공유하는 방법에 따라 나눈것. 서버: 다른 컴퓨터에 서비스를 제공하기 위한 컴퓨터 또는 프로그램. 클라이언트의 연결을 수락하고, 요청 내용을 처리한 후 응답 보내는 역할. 처리하는 서비스에 따라 구분 HTTP(웹서버) : 웹브라우저에서 들어온 요청을 받아 처리하는 서버. 웹페이지라는 단위(HTML, JSP)의 서비스를 웹클라이언트에게 제공 DBMS 서버 : 대량의 데이터를 파일로 저장한 후 데이터에 대한 CRUD(Create, Read, Update, Delete) 서비스를 하는 서버. FTP 서버, 메신저 서버 클라이언트: .. 2023. 5. 17.

티스토리툴바