"전체 글" 관련 글 109

css 기본_2 (stylesheet 명시도, 공간분할 기타 등..)
WEB 2021. 5. 3. 09:32
Em단위의 사용 이유: 반응형 사이트 구축시 부모요소의 크기에 맞게 자동으로 변경되는 구조를 구축해야하는데 이때 필요하게 됨. : 사용자의 반응으로 생성되는 특성한 상태를 선택 글자색: 노란색 / 마우스올렸을때: 보라색 / 마우스올려서 클릭하면 보라색>>녹색 변화 Active와 hover 둘다 적용시키기 위해서는 active선택자 위에 hover 선택자가 있어야함. 같은것을 지정하는 경우 가중치가 높은 순서대로 속성이 부여됨. 결국 같은 태그를 가리키고 있지만 가중치의 합이 아래것이 높기때문에 최종적으론 아래 코드가 적용되게 됨. ; 경계를 분할하거나 영역을 나눌때 쓰는 태그 : 큰 영역을 분할할 때 사용 : 문단을 분할해 글자를 쓸 수 있는 공간을 할당함 : 세부적인 공간을 다룰때 한줄정도 쓸때. (실..
css 기본_1 (기본css, 선택자)
WEB 2021. 5. 3. 09:30
CSS; 단순한 웹페이지를 예쁘게 스타일링해보자! (Casacding Style Sheets) 정보표현(HTML)(뼈대/틀) + 디자인(CSS)(옷)로 구성한 경우 정보를 포함하는 내용을 건드리지 않고 디자인만 변경할 수 있음.(인형옷입히기로 생각해보면 됨) : 정보와 디자의 분리 / 유지보수 편의 / 효율적으로 재사용 가능 웹페이지 : HTML(내용) + CSS(디자인) + Javascript(동적요소, 기능 부여) Selector(선택자) , propery(스타일속성, value(속성) 선택자: 내가 속성을 부여하고 싶은 하나의 주체 CSS는 head 영역에 사용됨. 보여질 필요가 없으며 단지 속성만 부여하는 것이기 때문에 head영역에 작성하도록 함. Head 영역에 태그를 입력한 후 그 안에 작성..
html 기본 태그(tag)_2
WEB 2021. 5. 1. 21:03
수평선을 만들어줌 속성들이 존재함. (align:수평선의 정렬방식, color: 수평선의 색, size: 수평선의 굵기, witdth: 수평선의 가로길이, noshade: 그림자가 없는 평면의 수평선) (예제) 문단 실습
html 기본 태그(tag)_1
WEB 2021. 5. 1. 20:58
Background : 배경이미지 지정 Bgcolor : 배경 색 지정 Test : 글꼴 색 지정 Link : 링크 색 지정 (거의 쓸일 없음) Vlink : 방문했던 링크 색 지정 (거의 쓸일 없음) Alink : 링크를 클릭하는 순간의 색 지정 (거의 쓸일 없음) - 제목을 표시하는 태그 H3가 가장많이 사용함-뒤에 글자가 커질수록 글자크기가 작아짐. 본문의 내용을 단락으로 표현할때 사용됨.. 위아래로 자동으로 공백이 들어가게 됨. 공간영역을 페이지 끝까지 가지고 있음. 과 비교해보았을 때 span은 공백이 없고 글자까지만 공간이 할당됨., sapn은 문장을 쓸때 사용함. 태그의 경우 한줄로 붙여쓰더라도 소스코드 하나가 페이제 전체의 한줄을 사용하기 때문에 자동으로 줄이 바뀌어 나타나게 됨. 여러 번..
html 기본
WEB 2021. 5. 1. 20:55
HTTP (Hyper Text Transfer Protocol) : 인터넷에서 하이퍼텍스트 문서를 교환하기 위하여 사용되는 통신 규약 *** Hyper Text >> 노드를 통해 페이지를 넘어서 다른페이지로 이동할 수 있는 HTML(Hyper Text Markup Language) : 웹 페이지에 정보를 담아 표시하기 위한 마크업 언어 Mark Up : 쉽게 알아보기 위해 어딘가에 표시해 두는 것, 제목을 입히거나 모양을 입히는 것. 태그 : 시작태그와 끝 태그가 있고 컴퓨터가 태그 안에 내용을 포함하고 있고 그 전체를 하나의 요소라고 부름. 속성을 넣을 수 있으며, 그에따른 값을 추가해 해당 요소에 추가적인 내용을 담을 수 있음.
admin

티스토리툴바