써니스크립트 글쓰기

@media( 브라우저 창크기가 최대/최소: 몇px 일때 ){ 어떤 요소를 어떻게 해라~ } 대표적으로 display : block; border : none; 등등

태그명 {} .클래스명{} #아이디명{} *{} => 모든 요소 다 태그1,태그2 => 태그1과 태그2 둘다 태그1 v 태그2 => 태그1 안에 있는 태그2 ----> 후손 선택자(태그1 하위에 있는 모든 태그2 다 적용. 자식건너뛰기도 가능) 태그1 > 태그2 => 태그1을 부모요소로 갖는 태그2 -----> 위에 것과 무슨차이?? 바로 하위 자식만 콕 지정! 태그1.id명 => 태그1이 여러개일때 그 태그 중에서 id명이 이것인 요소.(설명 구체화 목적) .클래스1.클래스2{} => 클래스1 과 클래스2 둘다 .클래스1 v .클래스2{} =>클래스1 안에 있는 클래스2 그 외의 참조법 https://www.w3schools.com/cssref/css_selectors.asp CSS Selectors ..

CSS 를 따로 사용하게 되면 1) 유지보수가 수월해지고 2) 프로그램의 가독성이 좋아진다. CSS적용방법 1. HTML의 style속성(CSS의 효과를 담고 있음)을 사용. 2. style태그를 사용. CSS적용 우선순위 인라인 스타일 지정(직접지정) > id선택자 > class선택자 > 태그선택자(나중에 선언) > 태그선택자 (초기에 선언) * id는 유일한 고유값이기 때문에 우선 적용 ** 같은 종류의 선택자일 경우, 위치를 더 구체적으로 지정한 CSS가 우선순위를 갖는다.

HTML Hyper Text Markup Language anchor. 닻. 정보의 바다에 정박한다. 하이퍼텍스트. 문자를 뛰어넘다. link의 기능 anchor hyper text reference 프로그래밍중 하이퍼링크 주소가 미정인 경우 "#"으로 표시 새 탭에서 열리게 하기 링크에 마우스 올리면 나타나는 툴 팁(설명)

굵은글씨 underline. 밑줄 heading. 제목. 중요도에 따라 1~6. 제목처럼 글씨 굵어지고 줄바꿈. 구글 검색노출 용이. new line. 줄바꿈. 단독사용. paragraph. 하나의 문단 구분. 시각적으로는 두번 사용한 것과 비슷. 그러나 html 정보로서의 문단 의미 내포. image. source. 이미지 삽입. 불러올때 필요한 관련 속성들. List. 목록. 줄바꿈 되어 목록처럼 표시됨. ordered List. 여러 주제의 항목들( )을 묶어주는 항목 문단 역할. ordered List. 하위 항목들( )에 자동 넘버링. 사용자에게 보여주는 웹페이지의 제목. 검색엔진에서 책표지의 제목 역할. 탭에 보이는 제목. character set. 문자 규칙. utf-8 방식으로 문서를 읽고..