반응형 CSS32 CSS&JS 부트스트랩 https://getbootstrap.com/ BootstrapPowerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.getbootstrap.com 부트스트랩을 다운로드하면 미리 만들어 놓은 각종 반응형 기본 소스코드들을 가져다 쓸 수 있다.우선 나는 부트스트랩 4.6x버전으로 다운로드 한다. https://getbootstrap.com/docs/4.6/getting-started/introduction/ Intro.. 2025. 6. 12. [CSS] media query ~500px : red 501~600px : green 601px~ : blue 생활코딩 html css javascript Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis veniam totam labore ipsum, nesciunt temporibus repudiandae facilis earum, sunt autem illum quam dolore, quae optio nemo vero quidem animi tempore aliquam voluptas assumenda ipsa voluptates. Illum facere dolor eos, corporis nobis, accusamus velit, similique cu.. 2024. 3. 6. text-align Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras accumsan iaculis tristique. Pellentesque eu erat mattis est semper condimentum. Nunc sed facilisis turpis. Mauris vulputate, purus in suscipit accumsan, dolor lorem elementum mi, non congue metus urna vitae tortor. Duis dictum ipsum non neque elementum iaculis. Sed sodales purus nisl, gravida pellentesque metus vehicula vitae. Suspend.. 2024. 2. 16. color Hello world 2024. 2. 16. font-size PX REM 2024. 2. 16. 부모 자식 선택자 html css javascript html css selector declaration javascript 2024. 2. 16. 선택자와 선언 html css javascript css인데 왜 html로 썼는지 이상하겠지만, 귀찮아서다. 태그 안에 있는 문이 css문이다. 2024. 2. 16. 글꼴 - font(퇴출됨) hello world 그냥 font는 css를 사용해서 만들라는 이야기이다. 2024. 2. 6. 판매 사이트 만들기 드디어 본격적으로 사이트를 만드려고 한다.사이트는 우리나라 대표 판매 사이트 '쿠x'을 카피해서 디자인 하려고 한다.화면 설계서 걍 대충 만듬.잘 만들어져서 실제로 사용해야지~ 2024. 2. 5. [CSS] @media, @keyframe @media{} : 오직 CSS만을 이용하여 반응형 웹을 개발하기 위해서는 @media{}가 필수적으로 쓰인다. @keyframe : 키프레임은 애니메이션을 구현할 때 많이 사용하는 기능인데, 원하는 지점에서 애니메이션 처리를 할 수 있어 디테일한 애니메이션 구현에 용이하다. 하지만, 아직도 이해 잘 못하는 코드. 솔직히 @media 안 써도 잘 되는 것 같고, @keyframe의 경우에는 애니메이션 처리할 일이 있어야 쓸것인데 아직 없다. 2023. 10. 23. 이전 1 2 3 4 다음 반응형
