Develop/HTML CSS 3

0630 HTML /CSS

vendor prefix chrome,Safari : -webkit- Firefox:-moz- 미디어 쿼리 각각의 화면 크기에 맞게 다른 사진 혹은 같은 사진의 다른 사이즈가 나오게끔 하는 문장 @media only screen and (min-width: 320px) and (max-width: 799px){ h1{ background: url(../images/1.png) no-repeat center top; height : 295px; } } @media only screen and (min-width: 800px) and (max-width: 1024px){ h1{ background: url(../images/2.png) no-repeat center top; height : 510px; } ..

Develop/HTML CSS 2022.07.04

0629 HTML /CSS

Table border : 경계선 bordercolor : 경계선의 색 cellsapcing: 칸 바깥쪽의 공간 cellpadding: 칸 안쪽의 공간 bgcolor: 배경색 align: 정렬 background:배경 가 나 다 라 마 바 tr : 줄 td : 칸 배경색은 지정 컬러가 아닌 RGB의 각각의 값을 16진수로 변환하여 색을 직접 설정 할 수 있다. 앞에 #을 붙여야 한다. 내부 브라우저와 외부 브라우저 변경 방법 Window-Web Browser- 선택 rowspan: 위아래 칸 합치기 colspan: 양옆 칸 합치기 tr에서의 align : 글자의 위치를 가로세로로 정렬 valign : 위아래로 정렬 CSS Cascading Style Sheet : 연속적인 스타일 시트 인라인 스타일 방식..

Develop/HTML CSS 2022.06.29

0628 HTML Start!

HTML Start! =TAG 태그 요소라고도 한다. 대부분의 태그는 여는 태그와 닫는 태그가 한쌍이어야 한다 와 로 이뤄져 있다. 블럭요소: 해당 줄을 다 자신의 영역으로 사용한다. : 주석처리 방법 직접 입력해도 되고 crtl+shift+/로도 된다 : 글자의 사이즈를 키우거나 줄여준다 1이 가장 크고 6이 가장 작다. 사용한 뒤 으로 닫아줘야한다. : 선을 긋는 태그 UTF-8로 자동 설정하는 법 Window-Preferences-WEB-HTML Files -Encoding UTF-8선택 둘이 한쌍으로 순서가 정해지지 않은 목록을 작성할 수 있다 타입을 설정할 수 있다. 기본은 disk다. 이는 순서가 있는 목록이다. 타입또한 설정 가능하다. 디폴트는 숫자다. HTML HTML은 Hyper Text..

Develop/HTML CSS 2022.06.29