CSS 기본적으로 적용하기
2022. 5. 12. 16:18
programming/HTML, CSS
CSS 적용 순서 스타일을 만든다. HTML태그 선택 CSS 스타일을 HTML태그에 입히기 /* 예시 */ .text-red { color:red; } /* 스타일 이름 { 스타일 정의 정의한 스타일 내용 } */ CSS Reference - 속성 값 참조 https://www.w3schools.com/cssref/default.asp CSS Reference W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many mor..
[html] 반응형 html 페이지
2021. 9. 7. 19:58
programming/HTML, CSS
예전에는 데스크톱용 홈페이지만 만들었다고 하면 지금은 다양한 디바이스가 있습니다. .left { float:left; width:50% } .right { float:right; width:50% } html에서는 예전과 달리 고정된 px을 사용하지 않고 Flex grid %, Flex box vw, vh를 사용해서 구현합니다. 추가로 css에서 Media Queries를 이용해 모바일, 태블릿, 데스크톱 화면을 어떻게 보여줄 것인지 구성할 수 있습니다. 그래서 데스크톱, 태블릿, 모바일 화면을 생각하면서 만들어야 합니다. @media screen and (min-widht: 800px) { .container { widht: 50%; } }