공부하고 또 공부하는

CSS는 어떤 태그들에게 스타일 효과를 주는 언어입니다. 어떤태그에 적용하는지를 정의하는 문법이 필요하게 되는데, 이때의 문법을 선택자라고 합니다. 선택자 { 속성1: 값1; 속성2: 값2; } CSS는 위 예시처럼 선택자를 먼저 쓰고 중괄호 {} 안에 속성과 값을 적는 방식으로 이루어져 있습니다. CSS의 선택자는 다음 3개로 이루어져 있습니다. 태그 선택자 id 선택자 class 선택자 [태그선택자 예시] 태그이름 { 속성1: 속성값1; 속성2: 속성값2; } [id 선택자 예시] #아이디{ 속성1:속성값; 속성2:속성값; } [class 선택자 예시] .클래스명{ 속성1:속성값; 속성2:속성값 } 이 3개의 선택자를 조합하는 방식으로 원하는 태그에 원하는 스타일을 적용시킬 수 있습니다.

[개요] Cascading Style Sheets의 약자 HTML을 웹사이트에서 화면에 표시되는 정보를 약속한 것. css는 구체적으로 어떤 스타일로 요소가 표시되는지를 정하는 규격이라고 할 수 있습니다. 초기의 웹은 HTML 하나로 문서의 뼈대로 만들고 꾸미기도 하였지만, 공통적인 디자인을 갖는 문서가 여럿 존재 할 경우 하나의 디자인이 변경되면 모든 파일을 수정해야 하는 등의 번거로움이 존재합니다. css는 이런 문제를 해결함과 동시 웹페이지의 내용과 스타일(표현)을 분리해주어, 역할 분담도 되는 효과를 가지고 있습니다. [사용법] CSS 내부적으로 사용되는 문법은 동일하며, 어디에 기술하느냐의 차이가 존재합니다. 기술하는 방법은 아래의 3가지가 있습니다. 1. HTML 태그의 style 속성을 이용..

1. Google(구글) - www.google.co.kr Google www.google.co.kr #설정을 통해 무료 이미지 검색 가능 2. Unsplash(언스플레쉬) - http://unsplash.com Beautiful Free Images & Pictures | Unsplash Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos. unsplash.com #디자인시안 작업 시 유용한 사이트 3. Pixabay - https;//pixabay.com/ko/ #가장 대중적으로 알려진 무료 이미지 사이트 4. 모그파일(Morgu..

스큐어모피즘(skeuomorphism) 또는 스큐어모프(skeuomorph)란 대상을 원래 그대로의 모습으로 사실적으로 표현하는 디자인 기법으로 3차원적이고 사실주의적인임. [관련 참고 용어] Real-Life Metaphor 실세계의 모습과 현상, 사물의 형태나 상황을 다른 매체에 그대로 재현하는 방식으로 한국 디자이너들 사이에서는 '리얼메타포'라는 말로 사용되기도 함. 도구의 물질적인 형태형식을 모방한다는 스큐어모피즘에 비해 의미가 포괄적. Material Metaphor 실생활에서 쓰이는 도구의 모양,재질감 등을 다른 매체에 그대로 구하는 방식. Minimalism 쓸모없어진 요소의 잔재와 장식적 요소가 강조되는 스큐어모피즘과는 대척되는 디자인양식. [장점] 아날로그 감성이 있기에 제품에 대한 친밀..