본문 바로가기

HTML29

인라인 | 블록구조 inine | bolck 구조 inline 구조 | 콘텐츠의 흐름을 끊지 않고, 요소를 구성하는 공간만 차지합니다. blcok 구조 | 콘텐츠의 흐름이 끊기고, 요소의 너비가 작아도 구성하는 줄 하나를 다 차지하게 됩니다. 구조 표 구조 태그 종류 inline , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , block , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , 예시 2022. 8. 22.
검색 이펙트 두번째 검색 이펙트 html 태그, css 속성, javascript 의 메서드 를 검색하여 찾아볼수있습니다. 원본 사이트 보기 원본 소스 보기 1.HTML 코드 HTML에서 js를 동작하기위한 class이름과 input등을 적절히 사용하여 사용자가 알아보기쉽게 표현해야합니다. 코드 보기 indexOf()를 이용하여 CSS 속성 검색하기 CSS 속성 검색하기 검색하기 플렉스, 애니메이션, 백그라운드 기타 등등 유형 별로 검색해보세요! 전체 속성 갯수 : 0 accent-color : 특정 요소에 색상을 지정할 때 사용됩니다. align-content : 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다. align-items : 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정합니다. align-self : 개별적.. 2022. 8. 17.
사이트 유형 - 이미지 유형2 사이트 유형 | 이미지유형2 모바일 사용자가 폭발적으로 증가하면서 반응형 디자인이 어쩌면 필수적으로 적용되고 있는 지금, 이미지 디자인은 웹과 모바일 모두 화면크기에 맞게 최적화되는 모듈식 UI패턴입니다. 1.HTML 코드 코드 보기 펭귄 사진 여러분은 엄청 귀여운 펭귄를 보실 수 있는 기회가 지금 생겼습니다. 펭귄 사진 자세히보기 펭귄 사진 자세히보기 펭귄 사진 자세히보기 2.CSS 코드 코드 보기 /* fonts */ @import url('https://webfontworld.github.io/gmarket/GmarketSans.css'); .gmarket { font-family: 'GmarketSans'; font-weight: 400; } /* reset */ * { margin: 0; pad.. 2022. 8. 17.
사이트 유형 - 이미지 유형 사이트 유형 | 이미지유형1 모바일 사용자가 폭발적으로 증가하면서 반응형 디자인이 어쩌면 필수적으로 적용되고 있는 지금, 이미지 디자인은 웹과 모바일 모두 화면크기에 맞게 최적화되는 모듈식 UI패턴입니다. 1.HTML 코드 코드 보기 여우 사진 여러분은 엄청 귀여운 여우를 보실 수 있는 기회가 지금 생겼습니다. 여우는 귀엽다. 여우는 옛날부 사람을 홀린다고 하였다. 그래서 너무 귀여운 것 같다고 한다. 여러분은 지금 자고 있는 여우사진을 보고 있습니다. 자세히보기 여우는 귀엽다. 여우는 옛날부 사람을 홀린다고 하였다. 그래서 너무 귀여운 것 같다고 한다. 여러분은 지금 자고 있는 여우사진을 보고 있습니다. 자세히보기 2.CSS 코드 코드 보기 /* fonts */ @import url('https://w.. 2022. 8. 17.
검색 이펙트 첫 번째 검색 이펙트 html 태그, css 속성, javascript 의 메서드 를 검색하여 찾아볼수있습니다. 원본 소스 보기 1.HTML 코드 HTML에서 js를 동작하기위한 class이름과 input등을 적절히 사용하여 사용자가 알아보기쉽게 표현해야합니다. 코드 보기 indexOf()를 이용하여 CSS 속성 검색하기 CSS 속성 검색하기 검색하기 속성 갯수 : 0 accent-color : 특정 요소에 색상을 지정할 때 사용됩니다. align-content : 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다. align-items : 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정합니다. align-self : 개별적인 콘텐츠 아이템의 정렬 상태를 설정합니다. all : 요소의 속성을 초기화 또는 상속을 설.. 2022. 8. 16.
구조관련요소 구조 관련 요소 , , , , , 요소 유형 태그명 태그의 의미 및 특징 블록 레벨 요소 1. HTML문서의 헤더 영역을 의미하는 태그로 제목이나 네비게이션, 검색 등의 내용들을 포함할 수 있습니다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있지만 , 태그는 포함할 수 없습니다. 1. HTML문서에서 맥락이 같은 요소들을 주제별로 그룹화해주는 태그이며 섹션 주제에 대한 제목 요소(~ )를 포함하는 것이 좋습니다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있습니다. 1. HTML문서의 푸터 영역을 의미하는 태그로 섹션 자성자나 저작권에 대한 정보, 관련된 문서의 링크를 포함할 수 있습니다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있지만 , 태그는 포함할 수.. 2022. 8. 15.
728x90
반응형
자바스크립트 사진

JavaScript

자세히보기
HTML 사진

HTML

자세히보기
CSS 사진

CSS

자세히보기

티스토리툴바