html/css
胡橙汁
资深互联网用户
展开
-
css不使用text-decoration实现自定义下划线
利用background-image及其相关属性模拟下划线背景可以完美地跟随换行的文本,而且借助CSS 背景与边框(第三版)中与背景相关的新属性,我们已经拥有了细粒度控制背景的能力。我们甚至不需要用到额外的HTTP 请求来加载背景图片,因为可以通过CSS 渐变来凭空生成所需的图像:background: linear-gradient(gray, gray) no-repeat;backgroun原创 2017-11-07 15:47:41 · 621 阅读 · 0 评论 -
Web响应式设计(二)
如何将网页从固定布局修改为百分比布局 在丹·锡德霍姆(Dan Cederholm )编写的《无懈可击的Web 设计》一书种,提供了一个简易可行的公式,可以将固定像素宽度转换为百分比宽度:目标元素宽度÷上下文元素宽度=百分比宽度看上去很简单,如何来应用这个公式呢,我们来举个栗子:比如书中提到的这段html页面navigation1navi转载 2017-11-06 10:40:58 · 271 阅读 · 0 评论 -
Web响应式设计(一)
1. 为什么响应式很重要随着智能手机的越来越普遍,越来越多的人会选择用手机来浏览网页。来自某网站的统计,在2015年,高达53%的流量都来自于智能手机,仅36%的流量来自于桌面电脑。所以能够很好的在手机,平板上展现网站的内容成为了前端开发的一个重要任务。响应式web设计也应运而生。响应式网页设计(RWD ,Responsive Web Design)这个术语,由伊桑·马科特转载 2017-11-06 10:49:24 · 269 阅读 · 0 评论