EverGiver

배경색을 지정하는 background-color 속성 16진수나 rbg값 또는 색상 이름을 사용해서 지정 background-color: #008000; background-color: rgb(0,128,0); background-color: green; 글꼴이나 글자 크기 등은 태그 선택자에서 지정하면 문서 전체에 상속된다. 하지만 background-color 값은 상속되지 않는다. (기본적으로 모든 웹 문서 요소의 배경은 투명하므로 body 스타일로 지정한 문서 배경이 그대로 비치는 것일 뿐 웹 요소에 배경색이 상속된 것은 아니다.) 배경색의 적용 범위를 조절하는 background-clip 속성 배경을 넣고 싶은 요소마다 속성을 입력하면 되지만 박스 모델 관점에서 배경의 적용 범위를 조절할 수도 ..

튜플(tuple) - 리스트는 [ ]으로 둘러싸지만 튜플은 ( )으로 둘러싼다. - 리스트는 그 값의 생성 · 삭제 · 수정이 가능하지만 튜플은 그 값을 바꿀 수 없다. >>> t1 = () >>> t2 = (1, ) >>> t3 = (1, 2, 3) >>> t4 = 1, 2, 3 >>> t5 = ('a', 'b', ('ab', 'cd))​ - 리스트와 차이점 1. t2 = (1, )처럼 단지 1 개의 요소만을 가질 때는 요소 뒤에 콤마(,)를 반드시 붙여야 한다는 것 2. t4 = 1, 2, 3처럼 괄호( )를 생략해도 무방하다는 점 튜플 다루기 인덱싱하기 >>> t1 = (1, 2, 'a', 'b') >>> t1[0] 1 >>> t1[3] 'b'​ 슬라이싱하기 >>> t1 = (1, 2, 'a', '..

text-align:center; : 글자를 중앙 정렬하는 css 속성 margin:0 auto; : 글자가 아닌 태그를 중앙정렬 시키는 방법 line-height:값px : 글자를 세로 기준 중앙 정렬시키는 css속성 → 입력하는 값은 세로 길이와 동일하게 주면 정확하게 중앙으로 간다. 태그 - 보통의 방법으로는 중앙 정렬이 되지 않는다 - 해결방법 1. display:block 속성을 가진 태그(div, h, p기왕이면 div) 감싸준다. 2. img 크기와 똑같은 가로세로 값을 준다. 3. display:block 태그한테 margin:0 auto 넣어주면 중앙 정렬이 된다. p태그입니다 ​

리스트 생성 >>> odd = [1, 3, 5, 7, 9] 리스트명 = [요소1, 요소2, 요소3, ...] 리스트 생김새 >>> a =[ ] >>> b = [1, 2, 3] >>> c = ['Life', 'is', 'too', 'short'] >>> d = [1, 2, 'Life', 'is'] >>> e = [1, 2, ['Life', 'is']] ★ 비어있는 리스트는 a = list( )로 생성할 수 있다 리스트의 인덱싱과 슬라이싱 리스트의 인덱싱 >>> a = [1, 2, 3] >>> a [1, 2, 3] >>> a[0] 1 >>> a[0] + a[2] // 1 + 3 4 >>> a[-1] // 리스트 a의 마지막 요솟값 3 >>> a = [1, 2, 3, ['a', 'b', 'c']] // 2중 ..

박스 모델의 기본 구성 박스 모델 (box model) - 스타일 시트에서 박스 형태의 요소 - 콘탠츠 영역, 박스와 콘텐츠 영역 사이의 여백인 패딩(padding), 박스의 테투리(border), 그리고 여러 박스 모델 사이의 여백인 마진(margin) 등의 요소로 구성 콘텐츠 영역의 크기를 지정하는 width, height 속성 종류 설명 너비나 높이의 값을 px이나 em 단위로 지정한다. 박스 모델을 포함하는 부모 요소를 기준으로 너빗값이나 높잇값을 백분율로 지정 auto 박스 모델의 너빗값과 높잇값이 콘텐츠 양에 따라 자동으로 결정 (기본값) 박스 모델의 크기를 계산하는 box-sizing 속성 width/height 속성은 박스 모델에서 콘텐츠 주변의 여백이나 테두리를 뺀 콘텐츠 영역의 크기를 ..

선택자, 선택자{css속성} css속성 앞에 있는 모근 선택자를 싹 다 한 번에 적용이 가능하다. 뒤에 있는 css속성으로 코딩 최적화 가능하다. 블록 레벨 요소와 인라인 레벨 요소 블록 레벨(block-level) 요소 - 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 것 (한 줄을 차지한다는 것은 해당 요소의 너비가 100%라는 뜻) - 블록 레벨의 요소의 왼쪽이나 오른쪽에 다른 요소가 올 수 없다. - , , 태그 등이 있다. 인라인 레벨(inline-level) 요소 - 한 줄을 차지하지 않는다. - 콘텐츠만큼만 영역을 차지하고 나머지 공간에는 다른 요소가 올 수 있다. (한 줄에 인라인 레벨 요소를 여러 개 표시할 수 있다.) - , , 태그 등이 있다. 배치 방법을 결정하는 disp..