Google Site 꾸미기

구글 사이트 도구 홈페이지를 꾸밀 수 있는 Html + Css 효과 모음입니다.

우리는 친구

'Mark up'

'마크업 언어는 텍스트를 구조화하고 표현하는 데 사용되는 언어로, 일반 텍스트에 마크업을 추가하여 해당 텍스트의 구조와 의미를 정의'

CSS(Cascading Style Sheets)는 웹 페이지의 레이아웃과 스타일을 정의하는 데 사용되는 스타일시트 언어이다. CSS는 HTML, XHTML 또는 XML과 같은 마크업 언어와 함께 사용되어 웹 페이지의 요소에 스타일을 적용할 수 있다. CSS를 사용하면 텍스트 색상, 폰트 스타일, 간격, 배경 이미지, 마진 및 패딩과 같은 스타일 속성을 제어할 수 있다. 당연, Google SIte도구에서 활용이 가능하다.

기본 html 문법 구조

<> </>

아름답지 않은가?

기본 html + Css 문법 구조

html이 더 아름다워 지겠지?

🍀Css의 특징

레이아웃 제어: 웹 페이지의 레이아웃을 효과적으로 제어하고 관리할 수 있습니다. 그로 인해 웹 페이지의 구조와 디자인을 분리할 수 있다.
다양한 스타일 옵션: 텍스트, 색상, 마진, 패딩, 배경 및 기타 여러 요소의 스타일을 지정하여 디자인을 할 수 있다.
미디어 쿼리: 화면 크기, 장치 유형 등에 따라 다른 스타일을 적용할 수 있는 기능을 제공한다.
선택자: HTML 요소를 선택하여 해당 요소에만 스타일을 적용할 수 있다. 클래스, ID, 요소 이름 등을 사용하여 선택할 수 있다.
외부 스타일시트: CSS 코드를 별도의 파일로 저장하고 HTML 문서에 연결할 수 있다. 이를 통해 여러 HTML 문서에서 동일한 CSS를 재사용할 수 있다.

🍀Css Animation

애니메이션을 사용하면 요소가 한 스타일에서 다른 스타일로 점진적으로 변경된다.
CSS 속성을 원하는 만큼 변경할 수 있다.
CSS 애니메이션을 사용하려면 먼저 애니메이션에 대한 몇 가지 키프레임을 지정해야 한다.
키프레임은 특정 시점에 요소가 어떤 스타일을 가질지 결정한다.
즉, 구글 사이트 도구를 조금더 생동감 있게 꾸밀 수 있다.

'Peace be with you.'

by Learnmore'

Page updated

Google Sites

Report abuse