mynote6676 개발자 노트

목표 시안더보기 | index.html 텐코딩 텐코딩 블로그 주도적인 학습에 집중합니다 스스로 문제를 해결하는 능력 찾아서 학습 하는 능력 ..

헤더 목표 시안 더보기 | index.html 텐코딩 텐코딩 블로그 | CSS/Style.css* { box-sizing: border-box;}/* a 링크 태그 스타일 초기화 *//* a 태그에 모든 요소를 초기화 한다. */a { all: unset;}a:link { text-decoration: none; color: #3f464d;}a:visited { text-decoration: none; color: #3f464d;}a:active { text-decorat..

|패키지 구조 확인 파비콘 만들어 보기 (파비콘 만들기 검색)https://www.favicon-generator.org/ Favicon & App Icon GeneratorUpload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.www.favicon-generator.org CSS/nomalize.csshttps://necolas.github.io/normalize.css/ Normalize.css: Make browsers render all elements more consistently.Normalize.css..

CSS 강의 : 반응형 웹 디자인과 Media Query 쉽게 배우기 1. 반응형 웹 디자인이란?- 쉽게 말해요: 반응형 웹 디자인(Responsive Web Design)은 웹 사이트가 사용하는기기에 따라 화면이 예쁘게 보이도록 만드는 기술이에요. 예를 들어, 스마트폰 , 태블릿,컴퓨터에서 모두 잘 보이게 하는 거죠!- 왜 중요할까?요즘은 사람들이 스마트폰으로 웹 서핑을 많이해요.기기마다 화면 크기가 다르니까. 모든 기기에서 웹사이트가 보기 좋도록 조정해야 해요CSS의 Media Query라는 기능을 사용하면 쉽게 가능해요! 2.Media Query가 뭔가요?Media Query는 CSS에서 특정 조건에 따라 스타일을 다르게 적용하는 방법이에요.예를 들어 "화면 크기가 600px이하일 때 이 스..

CSS는 Cascading Style Sheets의 약자로, "Cascading(계단식)"이라는 이름처럼스타일이 여러 규칙에 따라 적용됩니다. CSS에서 스타일이 어떤 순서로 적용되는지(우선순위)와, 부모 요소의 스타일이 자식 요소로 어떻게 전달되는지(상속)에 대해배워보습니다. 1.CSS 상속(inheritance) 이해하기CSS에서 상속이란 부모 요소에 적용된 스타일이 자식요소로 자동으로전달되는 것을 말합니다. 하지만 모든 CSS속성이 상속되는 건 아닙니다.상속되는 속성과 상속되지 않는 속성을 구분하는게 중요합니다. (1) 상속되는 속성일부 CSS 속성은 기본적으로 자식 요소로 상속됩니다. 예를 들어:- color: 텍스트 색상- font-family, font-size: 글꼴 관련 속성- text-..