본문 바로가기

반응형

프로그래밍/Style & Design

[CSS] 중국어 폰트가 웹에서 굵고, 가늘고 할때 어떤 폰트 쓸까? 중국어 폰트가 웹에서 굵고, 가늘고 할때 어떤 폰트 쓸까? body{ font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; } 중국어폰트 body{ font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; } 더보기
html table css 참고 html table css 참고 nanati.me/html_css_table_design/ html/css로 만드는 table 디자인 샘플 html ⁄ css만으로 디자인한 table 샘플 몇가지를 소개할게요^^ 웹에서 테이블은 정보의 가독성을 목적으로 한 것이기 때문에 심플한 디자인이 될 수 밖에 없죠.거기다 장식할만한 파트도 선이나 nanati.me 더보기
[WEB] 화면별 일반적인 해상도. 웹에서 어떻게 볼 것인가? [WEB] 화면별 일반적인 해상도. 웹에서 어떻게 볼 것인가? 반응형 웹 대응 ==================================================== ▶ 720, 1024, 1334, 1600 네 가지 분기 처리(Breakpoint)를 기본 360 / 640 / 720 / 1024 / 1334 / 1600 / 1920 ​ - PC @media all and (max-width:1500px) {} @media all and (max-width:1280px) {} @media all and (max-width:1180px) {} - 태블릿, 모바일 @media all and (max-width:981px) {} @media all and (max-width:768px) {} @medi.. 더보기
AdminLTE - Bootstrap 4 Admin Dashboard AdminLTE - Bootstrap 4 Admin Dashboard AdminLTE is a fully responsive administration template. Based on Bootstrap 4.6 framework and also the JS/jQuery plugin. Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops. github.com/ColorlibHQ/AdminLTE ColorlibHQ/AdminLTE AdminLTE - Free admin dashboard template based on Bootstrap 4 - ColorlibHQ/Ad.. 더보기
[bootstrap] AdminLTE에서 print시 모바일 기본인 것을 PC버전으로 출력하고 싶을때. CSS3 Media Queries AdminLTE에서 print시 모바일 기본인 것을 PC버전으로 출력하고 싶을때. 미디어쿼리 사용하자. CSS3 Media Queries 기존 css에 media=screen 으로 지정하고, print에도 동일한 스타일 적용할꺼면 media="screen,print" 로 지정 print.css에 있으면 인쇄시 적용된다. @media print { } 그래서, 일단 모바일로 안나오게끔 인쇄할때에도 사용되는 col-lg-~~를 넣어주었다. /* Enhancement for printing */ @media print { .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .co.. 더보기
[style] CSS 레인보우(Rainbow) 색상의 텍스트 만들기 CSS 레인보우(Rainbow) 색상의 텍스트 만들기 background-image: linear-gradient(90deg, red, orange, yellow, green, blue, navy, purple); // 배경색으로 무지개를 만듦 -webkit-background-clip: text; // 배경색이 텍스트에만 적용되도록 함 color: transparent; // 텍스트의 색을 투명으로 변경되어 배경색이 적용되도록 바꿈 Hello Rainbow! .text-rainbow { background-image: linear-gradient(90deg, red, orange, yellow, green, blue, navy, purple); -webkit-background-clip: text; c.. 더보기
A guide of UI design trends for 2021 A guide of UI design trends for 2021 uxdesign.cc/a-guide-of-ui-design-trends-for-2021-637ac038cb99 A guide of UI design trends for 2021 More 3D, more color, glassmorphism and great tools! 🤩 uxdesign.cc 더보기
[Style] Bootstrap - admin LTE Bootstrap - admin LTE version 3 :adminlte.io/themes/dev/AdminLTE/index3.html AdminLTE 3 | Dashboard 3 12% CONVERSION RATE 0.8% SALES RATE 1% REGISTRATION RATE adminlte.io version 2 : adminlte.io/themes/AdminLTE/index2.html AdminLTE 2 | Dashboard Sales: 1 Jan, 2014 - 30 Jul, 2014 adminlte.io 더보기

반응형