본문 바로가기

분류 전체보기433

<HTML5+CSS3>스타일의 우선순위 스타일은 상속됩니다-웹 문서에서 사용하는 여러 태그들은 서로 포함 관계를 가지고 있어 포함하는 태그는 부모요소라고 하고 포함된 태그는 자식 요소라고 합니다.스타일시트에서는 부모 요소에서 있는 속성들이 자식 요소로 전달되는데, 이것을 '상속'이라고 합니다. 부모 요소로부터 자식 요소로 단계별로 스타일이 적용되기때문에 '계단식'이라는 의미를 가진 '캐스게이딩'이라는 단어가 '스타일시트'를 수식하는 말로 붙게 된 것입니다. %주의할점 : 스타일의 모든 속성이 부모 요소에서 자식 요소로 상속되는 것은 아니다. why ? : 예를 들어, 태그 스타일을 사용하면 문서 전체에 배경 이미지를 지정할 수 있다. 하지만 태그는 자식 요소가 수 없이 많기 때문에, 배경 이미지를 상속하게 되면 수없이 반복해서 표시되므로 이러.. 2018. 10. 12.
<HTML5+CSS3>스타일시트 기초 스타일시트란 스타일을 관리하기 쉽도록 한 군데 모아놓은 것을 스타일시트라고 한다. CSS의 경우 공백을 무시한다.; :대괄호 {} 안에는 속성과 속성값이 오는데 속성/속성 값은 '속성:속성 값'과 같은 형식으로 함께 표시하며, 속성/속성 값 쌍이 여럿일 경우에는 세미콜론으로 구분한다. ex) p { color : blue ; } p= 선택자 color= 속성 blue= 속성값이다 스타일 정보의 기록-스타일 정보는 웹 문서를 브라우저 화면에 표시하기 전에 결정되어야 한다. 모든 스타일 정보는 헤드 태그안에서 정의해야 한다.웹 문서 안에 있는 내부 스타일시트라면 /head태그가 나타나기전에 규칙을 기록한다. 위와 같이 내부스타일 시트: /head태그 나타나기전외부스타일 시트: 문서 안에 있는 스타일 정보를 .. 2018. 10. 12.
<HTML5+CSS3>기타 다양한 폼 요소들,버튼넣기,결과 및 진행 ,진행상태 태그-버튼넣기-태그를 이용하면 문서에 버튼을 넣고 폼을 전송하거나 리셋할 수 있습니다ex) 내용 속성type속성은 버튼이 활성화 되었을때 어떤 동작을 할지 지정합니다. 선택할 수 있는 값은 submit , reset , button 중 한가지 지정하지 않으면 submit으로 간주합니다.type 속성 값(1) submit : 폼을 제출합니다. ex) 전송하기 과 같이 사용(2) reset : 폼에 입력한 내용을 모두 리셋(3) button : 버튼 형태만 만듭니다. % 태그를 이용해 삽입한 버튼은 태그를 이용해서 삽입하는 버튼과 거의 비슷한 모습을 하고 있고 용도도 비슷하다 - > 이나 , 처럼 태그를 이용해서 삽입 가능 ex)(1) == input 태그 이용 (2) 전송하기 == 버튼 태그 이용 차이 :.. 2018. 10. 12.
<HTML5+CSS3>옵션태그,select태그 및 그외 속성들 태그는 사용자가 한 줄짜리 데이터를 입력할 수 있는 폼 요소입니다. 태그 외에 여러 데이터를 나열해서 보여주고 사용자가 선택할 수 있게 해주는 폼 요소들고 있습니다. ,,-태그 - 드롭다운 목록 만들기-드롭다운 목록이란 클릭했을 때 요소 아래쪽으로 옵션들이 펼쳐지기 때문에 붙여진 이름입니다.ex) 2018. 10. 12.
<HTML5+CSS3>태그의 다양한 속성 readonly속성 - 읽기 전용 필드 만들기 -readonly속성은 해당 필드를 읽기 전용으로 바꿉니다. 텍스트 필드나 텍스트 영역처럼 필드 안에 내용이 있으면서 사용자에게 내용을 보여주기만 하고 사용자가 입력은 할 수 없게 하는 속성입니다. 속성은 불 값 (boolean value)을 가지기 때문에 true또는 false 값을 지정해도 되고, 간단히 readonly라고만 쓰거나 readonly="readonly"라고 써도 true라고 인식을 합니다. ex)268p참고 placeholder 속성-힌트 표시하기 -이 속성은 요소의 필드 안에 적당한 힌트 내용을 표시하고 있다가 그 필드를 클릭하면 내용이 사라지도록 하는 것 입니다. 이 속성을 이용하면 텍스트 필드 앞에 레이블을 사용하지 않고 사용자에게 해.. 2018. 10. 10.
<HTML5+CSS3> 사용자가 정보를 입력하는 input 태그 (3) 파일첨부,서버전송 리셋버튼 type="file"-파일첨부하기-폼에 파일을 첨부하려고 할 때 사용하는 유형입니다. 파일선택 ,찾아보기 , 선택 등으로 표시가 됩니다ex)ex) 첨부파일 선택: type="submit"-서버 전송 버튼 넣기-사용자가 폼에 입력한 정보를 서버로 전송하는 submit 버튼을 넣어주는 역할을 합니다. 이때 , value 속성을 이용해 '전송'이나 '보내기'등submit버튼에 표시할 내용을 지정할 수 있습니다. submit 버튼으로 전송된 정보는 처음에 태그에서 지정한 폼 처리 프로그램에 넘겨집니다. ex)ex) type="image" - 이미지 버튼 넣기-submit 버튼 대신에 사용할 이미지가 준비되어 있다면 type="image"를 사용해 전송 이미지를 넣을 수 있습니다. ex)ex) 266p 참고 ty.. 2018. 10. 10.

티스토리툴바