본문 바로가기

전체172

[웹1] 10강 - 복습 [웹1] 10강 - 복습 div레이아웃 - ex2.html 주석 : : 태그해도 안해도 상관 무, 보여주기용 0은 단위 생략가능 (ex. margin:0) float : div 좌우 및 상하 배치 clear:both : 밑으로 정리되게 하라 (footer div에 주로 사용) img alt="텍스트" : 이미지주소가 잘 못 됐을 경우 나오는 텍스트 * 예제2 커피 원두의 종류 Coffe Liberica 리베리카종(Liberica)은 열대아프라 라이베리아가 원산지입니다. 로부스타 커피나무보다 크고 높이가 15m에 달하며 열매도 크고 저지대에서 지배하기 적당하나 병충해에 약하고 품질도 떨어져서 산지에서 약간 소비될 뿐 거의 수출되고 있지 않습니다. 리바리카종은 아라비카종보다는 향미가 떨어지고 쓴맛이 지나치게.. 2016. 9. 26.
[웹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.
반응형

티스토리툴바