🕸웹/CSS4 주요 CSS 프레임워크 - 예쁜 웹디자인, 프론트엔드 템플릿 찾기 CSS 프레임워크를 사용하면 예쁘고 멋진 웹 디자인 템플릿을 쉽게 사용할 수 있다. 아래는 주요 프레임워크들이며, 세부적인 디자인들을 찾아서 자신의 웹사이트에 사용하면 좋을 것이다. 대부분의 프레임워크 웹사이트에 Documentation(또는 Docs. :설명서)에 프레임워크의 요소들(Components)에 대한 설명이 나와있다. 요소들의 디자인을 보면서 자신이 필요한 프레임워크를 고를 수 있다. 또는 프레임워크를 사용한 웹사이트 예제가 있다면 한 번 들어가 보는 것도 좋다. 부트스트랩: https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 파운데이션: https.. 2021. 12. 4. [20210616] CSS 기초3 다양한 Transform 아래는 회전, 기울임, 이동, 확대/축소가 적용된 사례이다. 또한 마우스를 올리면 추가적으로 변환이 일어난다. rotate 20 deg skew(0, 20deg) translateY(100px) scale(3,1) 2021. 6. 16. [20210615] CSS 기초2 z-index 프로퍼티 2021. 6. 15. [20210615] CSS 기초 CSS(Cascading StyleSheet)는 HTML 문서에 시각적 효과를 주기 위한 언어이다. HTML에서 직접 style 속성에 CSS 속성을 추가할 수 있지만, 웹 표준에서 권장하지 않는 방식이다. CSS를 작성하기 위해서는 세 가지 방식이 있다. 하나는 HTML 문서의 head 태그 안에 style 태그를 추가하고 그 안에 CSS를 작성하는 방식, 다른 방식은 외부에 CSS 파일을 만들고 HTML 문서에서 link 태그로 불러오는 방식이다. 또 다른 방식은 style 태그 안에 @import 키워드를 사용하는 것이다. 첫 번째 방식은 다음과 같다. ... 두 번째 방식은 다음과 같다. 외부 CSS 파일 style.css를 html 문서와 같은 디렉터리에 저장했다고 가정한다. ... 세 번째 방.. 2021. 6. 15. 이전 1 다음 728x90