[CSS] CSS 1장. css Box Model 계단식 및 상속

이번 시간에는 HTML을 더욱더 스타일링할 수 있는 CSS에 대해 배워보도롤 하겠습니다. CSS에서 배울 상자 모델, 캐스케이드 및 특수성, flexbox, grid, z-index 같은 CSS 기본사항을 배울것이고, 이러한 기본 사항과 함께 함수, 색상 유형, 그래디언트, 논리적 송석 및 상속에 대해서도 배워볼 것입니다. 1.CSS Box Model html에 다음과 같은 코드가 있다고 가정하고 이 코드를 css로 꾸며보겠습니다.CSS Graph React Model// css 폴더 생성후 index.css 생성p { width:150px; height: 100px; padding: 15px; border: 1px solide red;}박스 모델은 CSS의 핵심 기반이며, 작동 방식, CSS의 ..

• format_list_bulleted Front-End/CSS
• · 2025. 2. 2.
• textsms

[HTML] 6.HTML nav, ol, option, span, strong

1. HTML nav HTML 태그는 문서의 부분 중 현재 페이지 내, 또는 다른 페이지로의 링크를 보여주는 태크로 메뉴, 목차, 색인을 구현하는 태그입니다. 분류 전체보기 웹/HTML 1.HTML의 탄생 1.HTML의 탄생 HTML은 1981년 하이퍼 텍스트 마크업 언어로 탄생한 언어다 2.HTML Ol 요소 HTML 요소는 목록을 정렬할때 사용합니다. 보통 숫자 목록으로 표현합니다. Number1 li Number2 li Number3 li Number4 li Number5 li last station 로마 숫자로도 표기할 수 있습니다. Construct Style Forme..

• format_list_bulleted Front-End/HTML
• · 2025. 2. 1.
• textsms

[HTML] 5.HTML label 요소, legend, 리스트, 링크 스타일,메뉴

1. HTML Label html label요소는 사용자 인터페이스 항목의 설명을 나타냅니다. Do you like cherry🍒? Do you like Apple? 🍎  을  요소와 연결하면 몇가지 이점이 있습니다.label 텍스트는 텍스트 입력과 시각적 관련이 있으며 프로그래밍적으로도 관련있다. 예를 들어 화면리더기(screenreader)는  폼 입력(form input)에 label을 사용자가 입력해야하는 텍스트가 무엇인지 쉽게 이해할 수 있게 만들어 준다관련 label을 클릭해 input 자체 초점을 맞추거나 활성화 시킬 수 있다. label을 input 요소와 연관시키려면, input에 id 속성을 넣어줘야합니다. 그 다음 label에 id와 같은 값의 for 속성을 ..

• format_list_bulleted Front-End/HTML
• · 2025. 2. 1.
• textsms

[HTML] 4.HTML form 요소 , dl, 텍스트 강세, 제목, 헤더, footer

1. HTML dl HTML의 dl 요소는 문장의 설명을 나타낼때 사용합니다. 은 로 표기한 용어와 요소로 표기한 그룹의 목록을 감싸서 설명 목록을 만들어냅니다.  Html 이란: 개발자 팀 버너스리 개발 년도 1990 언어 마크업 언어  접근성 고려 각각의 스크린 리더는 을 다르게 표현합니다. 총 아이템 개수, 용어/정의 컨텍스트 및 탐색 방법등을 다르게 노출합니다. 이러한 차이가 반드시 버그를 일으키는게 아닙니다.  Chrome 프리웨어 웹 브라우저이며 웹킷 엔진을 애플이 복제하여 만든 블랭크 엔진을 채용  복수 용어와 단일 정의 Chrome..

• format_list_bulleted Front-End/HTML
• · 2025. 1. 29.
• textsms

[HTML] 3.HTML 강조표시-몸-버튼

1. HTML Bold html에서 어떤 문장을 강조하고 싶다면  태그를 사용합니다.  전 SMAP 리더 나카이 마시히로의 스캔들 관련 후지 TV 직원이 관여했다는 내용이 주간지에서 보도된 것과 관련해 후지 TV미나토 고이치 사장과 가노 슈지 회장이 책임을 지고 사임하다.요약 키워드, 리뷰의 제품명 등, 특별한 중요성을 가지고 있지는 않지만 굵게 표시할 수 있다 전 SMAP 리더 나카이 마시히로의 스캔들 관련 후지 TV 직원이 관여했다는 내용이 주간지에서 보도된 것과 관련해 후지 TV미나토 고이치 사장과 가노 슈지 회장이 책임을 지고 사임하다. 2.Body HTML의 Body 요소는 HTML 문서의 몸통을 담당합니다. 태그는 해당 HTML 문서의 텍..

• format_list_bulleted Front-End/HTML
• · 2025. 1. 29.
• textsms

[HTML] 2.HTML의 링크걸기 a 태그 주소 adress

첫번째 시간은 HTML의 기본 태그인 태그와 주소를 남기는 태그에 대해 알아보겠습니다. 1. HTML의 링크  HTML 요소(앵커요소)는 href(하이퍼 링크) 특성을 통해 다른 페이지나 같은 페이지의 어느 위치, 파일, 이메일 주소와 그 외 다른 URL로 연결할 수 있는 하이퍼링크를 만듭니다. 태그 안에 콘텐츠는 링크 목적지의 설명을 나타내야 합니다. Download Visual Studio Code - Mac, Linux, WindowsVisual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefi..

• format_list_bulleted Front-End/HTML
• · 2025. 1. 28.
• textsms