본문 바로가기

부트캠프교육중301

CSS 기본구조 #CSS는 스타일링 도구이므로, 독립적으로 기능하지 않는다. 반드시 html이 있어야만 동작할수있다. #CSS내용 분해하기 *body: 셀렉터(selector) color: red; -> 선언(declaration) font-size: 30px; -> 선언(declaration) font-size ->속성명(property) 30px -> 속성값(value) ; -> 선언구분자 선언블록(declaration block) #셀렉터: 요소 이름이나 id, 클래스를 선택한다 셀렉터로 특정 요소를 선택했다면, 중괄호 안에서 이 요소에 적용할 내용을 작성한다 요소에 적용할수 있는 내용을 속성이라고 한다. 속성과 값의 끝에는 세미콜론(;)을 붙여 속성끼리 구분한다. 2022. 12. 22.
CSS란? CSS(Cascading Style Sheets) - html로 작성한 웹 애플리케이션의 구조에 디자인을 적용할수 있는 스타일 시트 언어이다. - html로 구성한 구조의 외부와 내부를 꾸미는 역할을 담당한다. - 웹페이지 스타일 및 레이아웃을 정의 하는 스타일시트 언어이다. - 독립적으로 기능하지 않는다. 반드시 HTML이 있어야만 동작할수 있다. # 인터페이스(interface) - 컴퓨터와 교류하기 위한 연결고리 - 버튼도 없고, 마우스도 없던 시대의 개발자는 자신이 만든 애플리케이션과 소통하기 위해서 CLI를 사용했다 CLI는 키보드로 작성한 비밀 암호같은 코드 (Command Line Interface) # 사용자 인터페이스(UI; user interface) -일반인도 쉽게 사용할수 있는 인터.. 2022. 12. 22.
HTML의 id와 class #와이어프레임 -와이어로 설계된 모양을 의미 -단순한 선이나, 도형으로 웹이나 앱의 인터페이스를 시각적으로 묘사한것 -웹 애플리케이션을 개발할때, 와이어프레임은 레이아웃의 형태를 잡는 단계를 의미한다. #프로토타이핑: 개발초기에 모형을 만들어 기능의 요구사항을 파악후 반영하는 개선방식 1. 큰틀에서 영역나누기 2.각 영역을 태그로 표현하기 #여러태그를 하나의 div로 감싸줘야 합니다. div는 영역이라는 의미이다. # section -보통제목, 컨텐츠가 포함된 구획을 나눌때 사용 -렌더링은 div와 크게 다른 점은 없습니다. #form (양식, 문서양식) -일반적으로 사용자가 입력한 값을 다른 페이지로 전송하는 역할을 한다(사용자 입력을 제출하는 용도) -input요소, button요소 등의 자식 요소를.. 2022. 12. 21.
HTML기초와 요소 html: 구조를 만드는 마크업언어 css: 스타일을 담당하는 디자인 언어 java script: 단순한 웹페이지를 프로그램으로 만들어 유저와 상호작용할수있게 해주는 프로그래밍 언어 HTML(HyperText Markup Language) -웹페이지의 구조를 짜는 마크업언어 (프로그래밍 언어 아니다.) -tag들의 집합 (tag:부등호로 묶인 html의 기본구성요소) -트리 구조 이문서가 html문서임을 명시 html 시작태그로, 문서 전체의 틀을 구성 body태그는 문서의 내용을 담는 곳 hello world heading을 의미하며 크기에 따라 h1~h6까지 있음 contents here content division을 의미하며, 줄바꿈됨 here too #self closing tag 태그 내부에 .. 2022. 12. 21.

티스토리툴바