일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- web
- control
- for
- python
- javascript
- Linux
- Algorithm
- php
- computer
- DB
- MacOS
- DS
- Pipelining
- MIPS
- react
- system
- architecture
- instruction
- XML
- DoM
- CSS
- data structure
- mysql
- DATAPATH
- function
- github
- while
- Java
- html
- Class
- Today
- Total
목록CSS (19)
YYYEJI
스키마(schema) XML은 다른 마크업 언어를 만드는데 사용되는 다목적 마크업 언어로써 다른 언어를 정의하기 위해 XML에 필요한 요소와 속성을 파악해야 합니다. 이러한 정보들의 집합을 스키마(schema)라고 부릅니다. ✓ acceptable values Simple type의 경우 ✓ XML element는 text만 담을 수 있습니다. ✓ Schema는 다른 element나 attribute를 담을 수 없습니다. Complex type의 경우 ✓ Child element나 attribute를 담을 수 있습니다. ✓ DTD를 대체하기 위함입니다. ✓ 정보의 종류를 잘 제어할 수 있습니다. ✓ XML coding style을 주로 사용합니다. ✓ 구조와 데이타를 XML 문서 안에 담고 있습니다. ✓..
Animation 이란 ? ? ? 엘리먼트에 적용되는 CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜 줍니다. 예제를 살펴보기 전 @keyframe 을 살펴봅시다. 애니메이션 효과를 사용하기 위해서는 우선 애니메이션에 대한 키 프레임(keyframe)을 정의해야 합니다. 키 프레임(keyframe)에는 특정한 시간에 해당 요소가 가져야 할 CSS 스타일을 명시합니다. 이제 예제를 살펴봅시다. WebDesign{ animation: left-right 2s infinite alternate; } @keyframes left-right{ from{ transform: translate(0, 0) } to{ transform: translate(300px, 0); color: lightgray; bac..
Shadow 속성이란 ? 그림자 효과를 보여줍니다. shadow: x y blur color; Text에 그림자 효과 넣기 text-shadow: 3px 3px 1px white; text-shadow: 3px 3px 3px white; text-shadow: 10px 10px 1px white; Block에 그림자 효과 넣기 box-shadow: 1px 1px 1px black; box-shadow: 1px 1px 10px black; box-shadow: 10px 10px 10px lightgray; ◡̈
Attribute(속성) 이란 ? Element(요소)에 대한 추가적인 정보를 제공합니다. 따라서 속성 타입은 해당 element(요소)의 특징을 말한다고 볼 수 있습니다. Attribute type Attibute type Explanation CDATA 문자 데이터(character data) (Attribute value 1|Attribute value 2 . . | ..) 나열된 리스트 중 하나에 해당 ID 하나뿐인 아이디(id) IDREF 다른 요소의 아이디(id) IDREFS 다른 아이디(id)의 리스트 NMTOKEN 유효한(valid) XML 이름 NMTOKENS 유효한(valid) XML 이름의 리스트 ENTITY 엔티티(entity) ENTITIES 엔티티(entity)의 리스트 NOTA..
DTD (Document Type Definition) ? XML 문서의 구조 및 해당 문서에서 사용할 수 있는 적법한 요소와 속성을 정의합니다. ✓ well-formed - DTD에 맞지 않아도 실행이 잘 되는 form (DTD X, syntax O, 실행 O) ✓ vaild - well-formed 이면서 DTD에 잘 맞는 form (DTD O, syntax O, 실행 O) ① 새로운 문서 타입 정의 ② 새로운 문서 타입을 이용한 데이터의 교환 ③ XML 문서의 구문 및 구조에 대한 유효성을 검사 Element define 위의 코드와 같이 DTD의 element를 정의할 수 있습니다. (둘 중 하나를 사용하면 됩니다.) ① Children element element-content에 child가 하..
XML 문서의 구성 요소 ① Elements ✓ tag들의 이름 Ex) element-name (element-content)> ② Attributes ✓ elements의 대한 추가 정보 ✓ start tag 안에 위치 ✓ name-value pairs로 존재 Ex) To: Mom and Dad ③ Entities ✓ XML에서 특별한 의미를 가진 문자가 있습니다 Ex) ✓ 이 문자들은 미리 정의해 놓은 entity를 사용해야 됩니다. < () & (&) " (") ' (') Ex) To: " Mom and dad " ④ PCDATA (Parseable Character Data) ✓ Starting tag과 ending tag 사이에 위치 ✓ parser에 의해 parse 됩니다. ✓ Ent..
XAMPP란 ? Xampp를 다운로드하면 Apache, MariaDB, PHP, Perl를 따로 설치하지 않아도 사용할 수 있게 됩니다. ↓↓↓ 아래 링크로 들어가주세요 ↓↓↓ https://sourceforge.net/projects/xampp/files/ XAMPP - Browse Files at SourceForge.net sourceforge.net -vm 버전은 가상머신을 설치하고 실행을 시키는데 -installer는 가상 머신을 사용하지 않고 사용자가 직접 설치해서 실행해야 됩니다. 보안 관련한 알람인데 우선 넘어가시고 아래를 따라하시면 실행됩니다. 아래 링크 크롬에 복붙하면 http://localhost:8080/phpmyadmin/ ◡̈
hover 란 ? ? ? HTML 또는 XML에서 요소에 마우스를 올렸을 때 반응하는 css의 요소입니다. 예제를 살펴봅시다. name{ display: block; color:chartreuse; margin-left: 50pt; margin-top: 50pt; } name:hover{ color: orange; } name{ display: block; color:chartreuse; margin-left: 50pt; margin-top: 50pt; -webkit-transition: width 2s, height 2s, -webkit-transform 2s; transition: width 2s, height 2s, transform 2s; } name:hover{ width: 200px; heig..