본문 바로가기

전체 글171

[웹1] 9강 - 공간분할 [웹1] 9강 - 공간분할 1) 공간분할 태그 div division (분할하다) *블럭엘리먼트 (밑으로 쌓이는 형식) span **인라인엘리먼트 (옆으로 쌓이는 형식) 주로 텍스트에 이용 *블럭엘리먼트 : p, h1~h6, table, ul, ol, li, form ... **인라인엘리먼트 : a, img, 글자꾸미는태그, label... margin:auto : 블럭엘리먼트 중간 위치 text-align:center : 인라인엘리먼트 중간 위치 (좌우정렬만 해당, vertical-align 세로정렬이 따로 존재함) float 속성 (부유, 띄움) 공간을 좌우로 배치하기 위해 일정한 흐름을 만들어 주는 속성 블럭엘리먼트들의 좌우 배치용도로 사용 원래 용도는 이미지와 텍스트들의 배치를 위한 속성 2) c.. 2016. 9. 23.
[웹1] 8강 - 복습 [웹1] 8강 - 복습 unit2_02.html border:solid : 직선 테두리 bullet 점 이미지 : padding-left 설정 필수! (여백 기본값때문에 여백값 재설정) 배경이미지 : margin 설정 필수! (여백 기본값때문에 여백값 재설정) margin : top부터 시계방향으로 값 설정 (첫번째 : 상하 두번째 : 좌우 세네번째 생략 가능) td style="태그;" 외부 stylesheet 적용시키는 법 : 2016. 9. 22.
[웹1] 7강 - Table [웹1] 7강 - Table - 박스 속성 레이아웃을 구성할 때 사용하는 스타일 속성 width 가로 너비 height 세로 높이 padding 내부 여백 margin 외부 여백 border 테두리 - border 속성 속기법 : border: 두께 모양 색상;(순서 상관없음) border-width 테두리 두께 border-sytle 테두리 모양 border-color 테두리 색상 - 배경 속성 background-color 배경 색상 background-image 배경 이미지 background-repeat 배경이미지 반복값 background-position 배경 위치 (가로, 세로 지정, 순서있음) background-attachment 배경 이미지 고정 - 폰트 속성 font-size 폰트 크기.. 2016. 9. 21.
[웹1] 6강 - CSS [웹1] 6강 - CSS CSS : Cascading Style Sheet HTML : 뼈대 / CSS : 인테리어 HTML 단점인 여러개 붙여야 하는 소스를 간단하게 만들어주기 위해 CSS언어도 같이 쓴다. 1) CSS 선택자 스타일 시트 작성법 : 선택자{스타일속성:스타일값;} 선택자명 작성시 주의사항 : 한글, 띄워쓰기(다른의미), 특수문자, 숫자 나중에, 특정 키워드, 태그명 X - 태그 선택자 태그명 특정한 태그를 모두 선택 - 클래스 선택자 .클래스명 클래스명이 지정된 모든 태그를 선택(1:다수) - 아이디 선택자 #아이디명 아이디명이 지정된 유일한 태그를 선택(1:1) - 그룹 선택자 선택자, 선택자 같은 속성을 각각 지정할 경우 그룹으로 묶어서 표현가능 태그명.클래스명(#아이디명) 특정 태.. 2016. 9. 20.
반응형

티스토리툴바