목록개발이야기/Css (2)

클로스트 이야기

[Css] 유용한 css 프레임워크 소개 (Bulma)

요즘은 css 도 처음부터 코딩하는 경우는 잘 없습니다. 그래서 일반 html, css 작성이나 혹은 프론트엔드 프레임워크를 이용하는 경우에도 css 프레임워크를 하나정도는 채용하여 개발합니다. (웹 프론트를 개발하는 경우 전부 해당됩니다.) 그래서 이때까지 여러가지를 써본 결과 제일 저한테는 맘에 들었던 프레임워크를 소개하려고 합니다. 결론부터 말하자면 Bulma 를 추천하고 싶습니다. 공식 웹사이트는 아래와 같습니다. https://bulma.io/ Bulma: Free, open source, and modern CSS framework based on Flexbox Bulma is a free, open source CSS framework based on Flexbox and built with..
개발이야기/Css 2023. 1. 23. 00:59
[CSS] linear-gradient() 사용하기

linear-gradient() 는 지정된 태그에 배경을 그라데이션 하는 용도로 사용합니다. 모던 CSS 에서 아주 중요한 요소라고 할 수 있는데요. 그이유는 홈페이지나 특정 페이지에서 백그라운드 이미지를 자주 쓰는데, 여기에 더해 linear-gradient() 까지 함께 사용해주면 멋진 그림이 나오기 때문이죠. 가장 심플한 예제로 보여 드리겠습니다. 간단하게 html을 마크업합니다. index.html 여긴헤더 여긴메인 위와 같이 마크업하고 css를 코딩해줍니다. style.css * { margin: 0; padding: 0; box-sizing: border-box; } .header { height: 95vh; background-image: linear-gradient( to right bot..
개발이야기/Css 2022. 8. 9. 20:09
Prev 1 Next