Web/HTML & CSS
[CSS] CSS 기본 속성 : 색, 배경, 텍스트, 글꼴, 링크, 리스트, 테이블, 이미지 스프라이트
CSS에서 색을 표현하는 방법 1. 색상 이름으로 표현 2. RGB 색상값으로 표현 3. 16진수 색상값으로 표현 CSS 배경 속성 1. background-color 2. background-image 3. background-repeat : 배경 이미지의 반복에 대한 설정 4. background-position : 배경 이미지의 상대 위치 5. background-attachment : 스크롤과 무관하게 배경 이미지를 화면의 위치에서 고정시킬 수 있다. CSS text 속성 속성 설명 color 텍스트 색상 direction 텍스트가 쓰이는 방향 letter-spacing 문자 간격 word-spacing 단어 간격 text-indent 단락 첫줄 들여쓰기 설정 text-align 텍스트 수평방향 ..
[CSS] CSS 기초 : 개요, 문법, 적용
CSS Cascading Style Sheets HTML 요소들이 어떻게 보이는가를 정의하는데 사용되는 스타일 시트 언어 오늘날 대부분의 웹 브라우저들은 CSS를 지원한다 HTML4부터는 모든 서식 설정을 HTML 문서로부터 분리하는 것이 가능해졌다! CSS를 사용하는 이유 HTML만으로 웹 페이지를 제작하면 세부 디테일을 일일이 지정해주어야 한다. 이는 작업하기에도 어렵지만, 스타일의 변경이나 유지보수 시에도 힘들어집니다! 이러한 문제를 해소하기 위한 언어가 CSS CSS는 웹 페이지의 스타일을 별도의 파일로 저장하여 사이트의 전체 스타일을 일관성있게 제어할 수 있다. CSS 문법 선택자(selector)와 선언부(declaratives)로 구성 선택자 : 스타일을 적용하고자 하는 HTML 요소 선언부..
[HTML] HTML 문서의 구성과 기본적인 태그
Tag(태그) 란? HTML 문서를 구성하고 있는 요소 태그에는 이름과 속성이 있다. 예) 시작 태그와 종료태크가 쌍을 이룬다. HTML 1. 최신 HTML 버전 HTML5 2. 사용할 편집툴 메모장으로도 가능 Notepad, Atom, Eclipse ... 본인에게 맞는 툴을 사용하는 것이 좋습니다. 저는 Visual Studio Code를 사용합니다! HTML 전체적인 구조 1. 기본 태그 : 문서가 html 파일이라고 지정 html 태그 : 태그 안이 html 문서를 구성. html 태그 안은 , 두 가지 태그로 구성된다. head 태그 : 환경 설정에 관련된 정보 body 태그 : 공유하고자 하는 정보를 담는다. : 줄바꿈(개행). 종료 태그를 따로 하지 않아도 된다. ※ xmlns : 지정네임스..
[HTML & CSS] Web을 구성하는 HTML과 CSS
Web(웹) 1개 이상의 사이트가 연결되어 있는 인터넷 서비스의 한가지 형태 사전적으로 거미줄이란 의미로, IT에서는 WWW(World Wide Web)의 줄임말 전 세계의 컴퓨터들을 연결하여 정보 공유를 하는데 주 목적 이렇게 연결되어 있는 상태를 네트워크에 연결되어 있다고 한다. ※인터넷(Internet) 1개 이상의 네트워크가 연결되어 있는 형태 http://codesyun.tistory.com:80/category/Programming 프로토콜 : 네트워크 상에서 약속한 통신규약(HTTP, FTP, SMTP , POP, DHCP) IP : 네트워크 상에서 컴퓨터를 식별할 수 있는 주소 DNS : IP 주소를 인간이 쉽게 외우도록 맵핑한 문자열 Port : Port 번호는 해당 컴퓨터의 구동되고 있..