CSS · HTML 226

CSS 외부, 내부, 인라인

html에 css를 적용하는 방법은 3가지가 있다. 외부 css 파일을 링크걸어 불러와 적용하는 방법. html 문서의 head 내부에 넣는 방법. html 요소 자체에 넣는 방법이 있다. 조금 더 자세하게 알아보자. 외부 css 외부 css 파일만 변경하면 html 문서 전체에 적용이 된다. 티스토리 스킨 편집이 이러한 경우다. 이렇게 외부 파일이 연결되 있다. 외부 파일은 "이름.css" 확장자 css로 저장해야 한다. 내부 css 내부 css는

CSS · HTML 2019.10.26

CSS 요소 선택

css를 html의 요소를 선택해서 꾸미는 게 기본이다. 이전 과정에서 .nilgi {color: gold; font-size: 20px;} 이렇게 쓰는 거다라고 배웠다. 여기에서 앞 ".nilgi" 이 부분에 대해서 알아보자. html 요소를 선택하는 방법에는 5가지가 있다. 많기도 하다. 그러나 결국 1가지다. =-=? id > # html에서 id 요소를 선택한다. html에 nilgi라는 id를 가진 div 블록이 있다. id 이름은 자기 마음대로다. #nilgi {display: block;} 이렇게 id를 선택할 때는 이름 앞에 "#" 을 쓴다. id에 관한 건 다음 글을 참고해 주세요. 2019/10/15 - [웹코딩 어려워/· HTML] - HTML id="" HTML id="" id는 이..

CSS · HTML 2019.10.26

CSS 기본 / 주석

css를 쓰는 방법을 배우자. 기본적인 규칙과 주석 태그를 쓰는 방법. css를 쓰는 기본 방법 css 주석 태그 css도 html 처럼 주석 태그가 있다. 주석 태그는 태그를 설명하거나 시작과 끝을 알리는 데 사용한다. /* 내용 */ ← 이렇게 쓴다. 주석 태그는 화면에 표시 되지 않으며 닫는 태그는 따로 없다. 나는 /* 내용 시작 */ 이렇게 시작을 알리고 /* 내용 끝 */ 이렇게 쓰고 있다. css 주석 태그를 빨리 쓰는 방법은 오른쪽 숫자 키패드 num 키 옆에 보면 '/', '*'가 같이 있다. 빠르게 눌러주자. 타닥타닥! 참고로 html 주석은 이렇게 사용한다.

CSS · HTML 2019.10.26

CSS란?

html 태그 대~~~충 마무리하고 css로 넘어왔다. 요즘 컨디션이 안 좋아서 아무것도 하기 싫다. 가을 타나보다. 정신 차리고 싶은데 힘들다. 그래서 대책을 마련했다. 천천히 하기로 한다. 천천히가 어느 정도냐면 인생이 1배속이라면 0.1배속으로 하려 한다. 가을 타나보다. =-= 건들지 마라. css는 html 문서의 스타일을 정의하는 언어다. css는 인라인, 내부, 외부 3가지 방법으로 적용할 수 있다고 한다. 인라인은 요소 자체에 style을 지정하는 거고 내부는 head 사이에 style을 넣는 거고 외부는 링크를 통해 css를 불러오는 방법이다. 티스토리 스킨 편집에는 3가지 방법 모두 쓰이는 것 같고 주로 외부 링크를 쓴다. 스킨 편집 css가 그것이다. Cascading Style Sh..

CSS · HTML 2019.10.26

HTML <video>

html5 이전에는 플래시 같은 플러그인을 설치하여 비디오를 재생했다. 물론 지금도 그러하다. 크롬은 21년부터 플래시를 지원하지 않는다고 한다. 근데 짜다시리 필요한가? 요즘은 그냥 동영상 공유하기가 다 있어서 주소만 치고 엔터 누르면 알아서 영상이 들어간다. 유튜브나 카카오tv로 다 링크 걸어 재생하니 딱히 필요 없는 것 같다. ㅅㄱㅇ 이런 게 있구나 하고 넘어간다. 참고 :

CSS · HTML 2019.10.17

HTML5

html5... 2014년에 나왔다는데 이제야... 최근에 나온 것처럼 공부하는 내가 싫다. - : 주제별로 컨텐츠를 그룹화. - : 독립적 컨텐츠. 웹 사이트에서 나머지 부분과 무관하게 읽을 수 있는 컨텐츠. 블로그 포스트, 신문 기사. - section 섹션은 주제별로 컨텐츠를 그룹화합니다. section2 섹션은 주제별로 컨텐츠를 그룹화합니다. nav 탐색 링크 집합. 주로 카테고리를 정의. com blog game web aside 문서내 사이드 컨텐츠를 정의 article 독립적인 컨텐츠 header는 문서 또는 섹션의 헤더를 지정. 이미지의 설명을 추가합니다. 닐기 티스토리 연락처 - 02. 2222. 3333[보이스 피싱] section 섹션은 주제별로 컨텐츠를 그룹화합니다. section2..

CSS · HTML 2019.10.17

HTML 입력 유형

▼버튼 ▼체크박스 ▼색상 ▼날짜 ▼날짜와 지역 ▼이메일 ▼파일 ▼숨김 ▼이미지버튼 ▼월 ▼번호 ▼비밀번호 ▼라디오버튼 ▼입력 범위 ▼입력값 기본으로 ▼검색 ▼제출 ▼전화번호 ▼입력필드 ▼시간 ▼url ▼주 ▼버튼 ▼체크박스 ▼색상 ▼날짜 ▼날짜와 지역 ▼이메일 ▼파일 ▼숨김 - type="hidden" ▼이미지버튼 ▼월 ▼번호 ▼비밀번호 ▼라디오버튼 ▼입력 범위 ▼입력값 기본으로 ▼검색 ▼제출 ▼전화번호 ▼입력필드 ▼시간 ▼url ▼주

CSS · HTML 2019.10.17