css 图片有间隔多个Img标签之间的间隙

2018-3-9 释然 前端技术资源

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

阅读全文>>

标签: CSS 图片有间隔多个Img标签之间的间隙

评论(0) 浏览(359)

面向未来的 CSS Variable

2017-2-25 泥人张 前端技术资源

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

阅读全文>>

标签: CSS variable

评论(0) 浏览(667)

了解并使用CSS中的rem单位

2016-10-31 Johnson 1949 前端技术资源

什么是 rem

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

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

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

阅读全文>>

标签: CSS rem

评论(0) 浏览(581)

能用HTML/CSS解决的问题就不要使用JS

2016-9-29 Johnson 1949 前端技术资源

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

1. 导航高亮

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

1.png

2.png

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

阅读全文>>

标签: html CSS js

评论(0) 浏览(627)

8个获取手机应用程序设计灵感的网站

2013-11-29 蓝蓝 设计资源

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

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

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

Creattica – Mobile Interface

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

Creattica - Mobile Interface

Lovely UI

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

lovely_ui

阅读全文>>

标签: ui设计 网页设计 CSS 手机应用程序设计 手机应用程序设计素材

评论(0) 浏览(1022)

超赞!25例交互体验极佳的网页设计

2013-11-27 蓝蓝 设计资源

25 Modern Web / Interactive Websites Design Examples

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

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

 

Melbourne Remote Control Tourist

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

Melbourne Remote Control Tourist

Melbourne Remote Control Tourist

Portfolio

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

阅读全文>>

标签: 网页设计 html CSS 交互体验极佳的网页设计素材 JS 技术

评论(0) 浏览(1154)

不用编码!全球10大高端建站神器推荐

2013-11-15 蓝蓝 设计资源

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

1、IM Creator

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

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

2、WebStartToday.com

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

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

阅读全文>>

标签: html CSS PHP 高端建站神器 网页模板 高端建站工具

评论(0) 浏览(912)

10款设计师必备的响应式网页设计工具

2013-11-12 蓝蓝 设计资源

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

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 网页设计工具

评论(0) 浏览(1087)

想让网页更性感?来试试加点透明效果

2013-11-11 蓝蓝 设计资源

 

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

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

Wavefront

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

Wavefront

Advies

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

Advies

阅读全文>>

标签: 如何让网页性感 透明元素 CSS

评论(0) 浏览(918)

Powered by emlog 京ICP备12006971号-1 sitemap
友情链接:华宇招商  万达娱乐直属QQ  万达娱乐平台  万达登录  万达登录  万达直属  万达娱乐招商  万达娱乐开户  万达娱乐主管  万达娱乐