본문 바로가기

분류 전체보기

 (92)
21. 02. 02. 09장- CSS 포지셔닝 float clear -> 핵심속성 position visibility z-index border-collapse table-layout vertical-align 9-1. CSS 포지셔닝과 주요속성들 box-sizing: content-box > width값을 콘텐츠의 너비값으로 사용 border-box > padding + border값을 width로 합산 float - 박스를 좌측이나 우측으로 붙이고 아래 내용이 그 주변을 흐르게 하는 속성 - float한 박스에 width값을 주어야 함. clear:both - float한 박스들의 바로 아래 박스에게 주변을 흐르지 않고 원래대로 배치하도록 하는 속성. - 이 요소는 블록이어야 한다. ※ float를 해제하지 않으면 float된 박스를 감싸는 박스..
21. 02. 02. 08장- 레이아웃을 위한 스타일 width, height: 박스 모델의 너비와 높이 display: 화면에서 요소가 어떻게 보일지를 결정하는 속성 border: 테두리 margin: 외부 여백 padding: 내부 여백 border-radius: 모서리 둥글게 처리 아버지를 아버지라 부르지 못하고 어머니를 어머니라 부르지 못하고 동에번쩍 서에번쩍 -> 은 인라인 속성, 는 블록 속성. (블록 속성은 margin이 있음.) -> box2 width값이 %라서 창크기에 따라 출력화면이 가변적으로 바뀜. -> 요소의 크기값은 콘텐츠크기 + 패딩 + 테두리 ★★★ 8.1 CSS와 박스 모델 태그가 가지고 있는 배치 속성 display inline block 블록레벨요소: p div hn hr ul li > 크기 조절 가능 인라인레벨요소: sp..
21. 02. 01. 07장- 색상과 배경을 위한 스타일 7-1. 색상 표현 #RRGGBB #RGB #000000 ~ #ffffff 7-2. 배경과 관련된 속성 background-color: 배경 색 background-clip: 배경 적용범위 여기는 제목 부분입니다. 여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본문 부분입니다.여기는 본..
21. 02. 01. 06장- 텍스트·문단·목록 관련 스타일, 6-2. 텍스트 관련 스타일 font-size: 절대 크기, 상대 크기(안 중요), 크기(일반적인 사용 방법) ->단위 em: 사용되는 폰트의 M의 너비 값을 1 ex: 사용된 폰트의 x의 높이 값을 1 px: 픽셀 pt: 포인트, 일반 문서에서 많이 사용. 1em = 16px = 12pt 백분율: 100% = 1em font-weight: 100~900, bold bolder lighter narmal normal: 기본값 400 bold: 700 font-variant font-style: normal, italic(폰트자체에서 지원), oblique(css 계산에 의해 기울임) 문단테스트 제목 테스트 가가가나나나다다다 글자 크기를 굵게 적용 ABCDE abcde ABCDE ABCDE ABCDE ab..
21. 01. 29. 05장- CSS의 기초, 6장. 글꼴 관련 스타일 5장. CSS 5-1. CSS 기초 cascading style sheet HTML과 함께 웹 표준의 하나 스타일의 형식 선택자 {속성명:속성값; 속성명2: 속성값2; } p {color:blue; font-size:16px} p { color:blue; font-size:16px } -> 세로배치 하기도 함 스타일 내의 주석은 /* */ 내부, 외부 스타일 시트 세계 3대 미항 시드니(sydney), 호주 리우데자네이루(Rio de Janeiro), 브라질 나폴리(Naples), 이탈리아 세계 3대 미항 시드니(sydney), 호주 리우데자네이루(Rio de Janeiro), 브라질 나폴리(Naples), 이탈리아 -> 지우고 .css 파일을 링크 걸어줌. 같은 폴더 내에 style.css 만들고, u..
21. 01. 28. 4장. 폼 form: 형식, 데이터 전송시 규격 4.1 폼 만들기 여러 폼 관련 요소들을 입력 method: (http method) get, post 서버측으로 데이터를 넘겨줄 방식 name: 이름, 폼들에 대한 구분을 하기 위해 사용 action: 서버측 이름(프로그램) target: action 태그에 지정한 내용을 다른 프레임에서 열도록 지정 method get: select -> url에 노출, 글자수 제한 255byte / 4096byte 브라우저에 따라 다름. post: insert -> 사용자의 입력 내용이 드러나지 않고 헤더에 포함시켜 값 전송 : 사용자의 입력값을 받는 태그 type: 입력값의 형태를 지정 name: 서버로 송신시 전송될 값들의 이름 : 텍스트나 이미지에 의 연결 : 폼 요소를 그..
21. 01. 27. 03장- 연산자 y = x + 3; 각 부분 해석 y: 변수, =: 대입연산자, +: 산술연산자, 3: 리터럴** ;: 문장의 끝 x > 3 && x 비교 > 논리 > 대입연산자. 대입은 제일 마지막에 수행됨. 단항 > 이항 > 삼항. 단항 연산자의 우선순위가 이항 연산자보다 높다. 비트 연산자 쫄지 말기. 10
02장- 변수 21. 01. 23. 변수 선언은 한 줄에 하나씩 선언하는 방법 추천. "변수의 초기화란, 변수를 사용하기 전에 처음으로 값을 저장하는 것" 두 변수의 값 교환하기. 마치 두 컵에 담긴 내용물을 바꾸려면 컵이 하나 더 필요한 것처럼, 임시변수를 만들어서 교환. int x = 10; int y = 20; int tmp; tmp = x; x = y y = tmp; 변수의 명명규칙 '변수의 이름'처럼 프로그래밍에서 사용하는 모든 이름을 '식별자(identifier)'라고 하며 식별자는 같은 영역 내에서 서로 구분(식별)될 수 있어야 한다. 다음과 같은 규칙을 지켜야 한다. 1. 대소문자가 구분괴며 길이에 제한이 없다. 2. 예약어를 사용해서는 안 된다. 3. 숫자로 시작해서는 안 된다. 4. 특수문자는 '_'와 '$'만을 허용한다..

티스토리툴바