CSS - 蓝蓝设计每日一贴

帝皇彩票官网

追求卓越一诺千金

蓝蓝设计,2011年成立,主创清华团队,专注软件和互联网ui设计开发。擅长企业信息化管理、监控、大数据软件UIUE咨询和设计开发服务。立足UI,好好学习,天天进步!

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里 一、文字样式中阶 字体样式 代码格式: font: 文字粗细 大小/行高 字体名称; 例子:font: bold 200px/400px "微软雅黑"; 2.字体阴影 代码格式: text-shadow:x y r color; 注:x是为负数则阴影向左,整数向右,同理y正数向上,负数向下,r代表阴影模糊程度,数值月大则...

阅读全文>>


如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里  今天写css时发现,图片加起来刚好是900px的三张图片,不能在一个900px宽容器放下,因为图片之间有间隔,我猜是浏览器把两个img标签之间的空格当成了空白节点。 在网上找到了几个不错的解决方法: 1.多个img标签写在一行 <img src="/i/eg_tu...

阅读全文>>


CSS Variable 即CSS变量,聊CSS变量之前,我想先来说说Sass和Less,还有Stylus,它们都是目前使用较为普遍的三款CSS预处理框架,我们为什么要使用它们呢,因为它们都可以让你在CSS中方便的使用变量、简单的程序逻辑、函数等在编程时使用的一些基本技巧,这些框架对于这种CSS预处理的技术已经非常成熟,可以让你的CSS代码变的更加简洁、便于维护、在编写的时候也无需考虑代码的兼容性。

阅读全文>>


什么是 rem

可能在你使用收音机或者用其他音乐播放器之前,就已经听过“R。E。M。”这个词了。在这个乐队眼中,这个词是“浅睡眠时眼球的快速转动”的缩写,而在 css 中,rem 代表着“以根元素为参照物的 em 单位“。他不会让你抛弃你的宗教信仰也不会让你相信那个远在月球的人,但是它可以帮助你实现一个和谐、平稳的设计。

根据 W3C 规范中对 1rem 的定义:

1rem 与等于根元素 font-size 的计算值。当明确规定根元素的 font-size 时,rem 单位以该属性的初始值作参照。

阅读全文>>


为什么说能使用html/css解决的问题就不要使用JS呢?两个字,因为简单。简单就意味着更快的开发速度,更小的维护成本,同时往往具有更好的体验,下面介绍几个实例。

1. 导航高亮

导航高亮是一种很常见的问题,包括当前页面的导航在菜单里面高亮和hover时高亮。你可以用js控制,但是用一点CSS技巧就可以达到这个目的,不需要使用JS。

1.png

2.png

在正常态时,每个导航的默认样式为:

阅读全文>>


曾经,CSS 画廊非常流行,网页设计师们会定期访问这些网站获取灵感。现在仍然可以方便迅速找到令人兴奋的东西(例如 Dribbble 和 Behance 对设计有很大的帮助)。

对于移动应用程序设计,存在类似的画廊,我相信他们会更加有用。这是因为如果不安装移动应用程序,灵感更难获得,也更需要时间和努力。这12个画廊有很多漂亮的应用程序用户界面,并进行了很好的分类。赶紧收藏吧!

优设好文:
强烈推荐!你应该到这里寻找网页设计灵感

Creattica 是一个灵感画廊,展示最好的网站设计,标志设计,平面设计,摄影,作品。

Creattica - Mobile Interface

收集各种移动界面元素,启动画面,按钮,导航,通知等等各种组件的设计。

lovely_ui

阅读全文>>


25 Modern Web / Interactive Websites Design Examples

本文介绍的案例均使用了最新的HTML/CSS 以及 JS 技术,从视差滚动到响应式设计,实现了良好的交互性,为用户提供更好的浏览体验。我们来快速阅览一下吧。

推荐阅读:
《网页设计新趋势!25例出众的响应式导航设计》
《让网站更生动!那些在网页中完美运用视频元素的案例》
《不要落伍!来和小伙伴一起学习响应式网页设计》

 

Melbourne Remote Control Tourist

独一无二的远程旅游体验,这个概念不错吧!

Melbourne Remote Control Tourist

Portfolio

展示了设计师 Bradley Haynes的作品,他来自旧金山

阅读全文>>


这不是天方夜谭!你不需要知道HTML、CSS、PHP和其余晦涩难懂的语言。这些工具就像一个图像编辑器,只需绘制矩形、填充颜色。我知道这很难相信,但他们就是存在!而且全球备受赞誉!

1、IM Creator

优设网10大零编码基础的建站神器

听我说,我们的IM Creator易用性和多功能性超越了很多客户的预期。只需要你把控住超级菜单,根据您的需要做相应的拖放和功能选择。它们包括视频、图片、画廊和幻灯片、按钮、超链接、甚至一个HTML小部件。
帝皇彩票官网 最酷的地方在与你不需要创建繁琐的帐户,你可以轻松上路。唠叨了半天,我差点没有提到最好的部分:以上所有服务都是完全免费的!

2、WebStartToday.com

优设网10大零编码基础的建站神器

如果你是一个细节癖,喜欢抠各种设计细节,那么你完全应该来看看WebStartToday!这里提供了超过1000个不同的网页模板来匹配你的需求!甚至那些很少见的模版:旅行、夜生活、豪华轿车服务、锁匠、美食、琳琅满目数之不尽!
当然这并不意味着我们的模版就是千篇一律,随处可见的!在这里的模版,可以保证是独此一家的,如果你在其他地方发现了,那一定是他们借了我们的宝贝,偷偷的!

阅读全文>>


随着便携设备用户的指数级增长,网页设计师采用响应式设计作为多平台布局解决方案,不但节省了设计师的时间,而且从长远角度来讲,响应式设计能够为用户提供更舒适的操作环境。
如果你毫无经验,不知从何开始,那么这份工具列表将大大的帮助你,能够让你的布局更有“弹性”。

Simple Grid

 Simple Grid-Responsive Web Design Tool

Simple Grid是难以置信的CSS框架,无所限制的栅格布局,支持不同大小的屏幕。

Susy

Susy-Responsive Web Design Tool

Susy “语义变焦”的栅格系统,无需额外标记和特殊的类,很方便使用Sass的人。

Tiny Fluid Grid

Tiny Grid-Responsive Web Design Tool

Tiny Fluid Grid 很棒的网页应用,能帮你选择栅格系统。一旦完成后,提供CSS文件下载。

Variable Grid System

Variable Grid System-Responsive Web Design Tool

Variable Grid System依据960栅格系统,能够自动产生布局,在精确调整后,提供CSS文件下载。

Responsive Web Design Sketch Sheets

 Responsive Web Design Sketch Sheets

Responsive Web Design Sketch Sheet 标记很方便,可以方便的选择不同方案中元素的放置位置。

Style Tiles

Style Tiles-Responsive Web Design Tool

可以通过该网站制定完美的响应式设计流程。

 

 

阅读全文>>


 

随着CSS的广泛应用,透明元素在中大量采用。
通过添加透明效果,可以增添页面的对照感和可读性,同时对整体的效果妨碍又不大,可谓一举两得。

一般来说,采用透明效果显示区块、展现数据,透明效果出现在很多辅佐元素当中,这样前景元素就显得非常突出。
让我们来看看透明效果,这种优雅而又华丽的效果。

Wavefront

整体构成比较不拘一格,音乐节一般的氛围。霓虹色彩,半透明区块,让色彩更加动感,很好的支持了主题。

Wavefront

Advies

页面中含有很多透明条纹,中间的大区块既不影响背景图像的效果,也能很好的展现信息。

Advies

阅读全文>>




蓝蓝 http://www.bjhbys.com

  1. 2020年2月(6)
  2. 2020年1月(32)
  3. 2019年12月(50)
  4. 2019年11月(61)
  5. 2019年10月(49)
  6. 2019年9月(48)
  7. 2019年8月(58)
  8. 2019年7月(58)
  9. 2019年6月(58)
  10. 2019年5月(31)
  11. 2019年4月(37)
  12. 2019年3月(43)
  13. 2019年2月(25)
  14. 2019年1月(45)
  15. 2018年12月(41)
  16. 2018年11月(40)
  17. 2018年10月(29)
  18. 2018年9月(40)
  19. 2018年8月(87)
  20. 2018年7月(107)
  21. 2018年6月(86)
  22. 2018年5月(110)
  23. 2018年4月(40)
  24. 2018年3月(35)
  25. 2017年8月(35)
  26. 2017年7月(45)
  27. 2017年6月(7)
  28. 帝皇彩票官网2017年5月(27)
  29. 2017年4月(51)
  30. 2017年3月(70)
  31. 2017年2月(65)
  32. 2017年1月(69)
  33. 2016年12月(55)
  34. 2016年11月(111)
  35. 2016年10月(92)
  36. 2016年9月(53)
  37. 2016年8月(9)
  38. 2016年7月(4)
  39. 2016年6月(9)
  40. 2016年3月(19)
  41. 2016年2月(26)
  42. 2016年1月(30)
  43. 2015年12月(33)
  44. 2015年11月(35)
  45. 2015年10月(46)
  46. 2015年9月(43)
  47. 2015年8月(40)
  48. 2015年7月(33)
  49. 2015年6月(46)
  50. 2015年5月(58)
  51. 2015年4月(70)
  52. 2015年3月(55)
  53. 2015年2月(17)
  54. 2015年1月(33)
  55. 2014年12月(21)
  56. 2014年11月(84)
  57. 2014年10月(94)
  58. 2014年9月(6)
  59. 2014年8月(1)
  60. 2014年7月(13)
  61. 帝皇彩票官网2014年6月(66)
  62. 2014年5月(99)
  63. 2014年4月(88)
  64. 2014年3月(102)
  65. 2014年2月(68)
  66. 2014年1月(83)
  67. 2013年12月(106)
  68. 2013年11月(112)
  69. 2013年10月(61)
  70. 2013年9月(20)
  71. 2013年7月(13)
  72. 2013年6月(27)
  73. 2013年5月(48)
  74. 2013年4月(39)
  75. 2013年3月(8)
  76. 2013年2月(20)
  77. 2013年1月(31)
  78. 2012年12月(33)
  79. 2012年11月(31)
  80. 帝皇彩票官网2012年10月(23)
  81. 2012年9月(8)
  82. 2012年7月(14)
  83. 2012年6月(15)
  84. 2012年5月(31)
  85. 2012年4月(24)
  86. 2012年2月(4)
  87. 2012年1月(8)
  88. 2011年12月(35)
  89. 2011年11月(32)
  90. 2011年10月(13)
  91. 2011年8月(1)
  92. 2011年6月(1)
订阅Rss
桔子彩票官网 吉利彩票导航 博发彩票APP下载 博发彩票APP下载 大象彩票APP 状元彩票开奖 安徽快3计划 盛源彩票注册 迪士尼彩乐园 秒速快3