02_ul태그메뉴작성 (웹페이지) 02_ul태그메뉴작성 (코드)

weight와 height 속성 weight : 너비 height : 높이 font- 속성 font-size : 글자 크기 지정. px 단위를 가장 많이 사용 font-family : 글꼴을 지정 font-style : 글자 모양을 지정 속성값 : normal(기본글꼴). italic(이탤릭체), oblique(비스듬히) font-weight : 글자 굵기를 지정. 속성값 : normal(보통 두께), bold(굵게), bolder(bold보다 굵게), lighter(normal보다 얇게), 100~900(100단위. 글자가 클수록 굵어지며 400은 normal, 700은 bold) background 속성 background-color : 배경색 지정 background-image : 선택된 영역에 배..

CSS의 뜻과 구성요소 CSS : Cascading Style Sheet의 약자로 디자인 영역을 담당하는 언어. CSS3이 등장하며 텍스트 그림자, 그라데이션, 등 디자인으로 표현할 수 있는 영역이 늘어남. 또한 애니메이션 기능이 추가되어 일정범위내에서 제이쿼리와 자바스크립트를 대체함. CSS의 구성요소 : HTML 영역, 속성, 속성값 ex) 디자인을 적용할 HTML영역 { 속성: 속성값; } ex) 이미지 { 너비: 30px; 높이: 50px; 컬러: black; } CSS 연동 방법 인터널 방식 : HTML 문서 안에 태그를 사용하여 CSS 적용하는 방식 인라인 방식 : HTML 태그 안에 style 속성을 사용하여 적용하는 방식 익스터널 방식 : CSS 파일을 생성하여 HTML 문서와 연동하는 방..

HTML, CSS, 자바스크립트 HTML : HyperText Markup Language(하이퍼 텍스트 마크업 언어)의 약자. 웹사이이트를 만들기 위해 사용하는 프로그래밍 언어 중 하나. 설계 작업. 웹사이트에 접속 시 눈에 보이는 정보(텍스트,이미지) 등을 HTML로 입력 CSS : 디자인 작업. 공간과 정보에 디자인을 입히는 역할(공간 크기 설정, 글자 색 변경 등) 자바스크립트 : 기능 작업. (이미지 슬라이드 효과, 팝업 알림 등) 웹 사이트 레이아웃의 종류 정적 레이아웃 : 공간의 크기가 변하지 않는 고정 레이아웃. 데스크톱 화면보다 크게 제작된 웹사이트를 접속하면 콘텐츠가 잘린 상태로 출력되면서 스크롤이 발생. 스마트폰, 태블릿 등에서는 웹사이트 크기가 각 기기화면에 맞게 작게 출력되지만, ..