摘要: 原文地址: https://hackhands.com/70-Expert-Ideas-For-Better-CSS-Coding/ 众成翻译:http://www.zcfy.cc/article/70-expert-ideas-for-better-css-coding-hackhands-107 阅读全文
posted @ 2016-09-05 10:49 bokeyuan990 阅读(158) 评论(0) 推荐(0)
摘要: 观察上图不难发现,送至北京(上方div) 这部分的边框情况是,上侧无边框,左右有边框,而下侧则不知道。 鼠标指向后下方div(下方div)出现,四周都有边框,除了与上方送至北京交接处,此时出现一个拐角,而这个拐角正是本文着重研究的。 怎样形成这个拐角呢?或者说怎样让交接的这部分看起来没有边框呢? 这 阅读全文
posted @ 2016-08-25 13:25 bokeyuan990 阅读(1524) 评论(0) 推荐(0)
摘要: 这几天在仿京东首页,主要分为以下几部分。 1.上方菜单栏 利用float:left;布局 暂时写出基本结构,其他的需要添加 2.中间依次logo,搜索栏,购物车 logo注意设置border:0;,防止ie下右边框 搜索栏注意设置,searchinput的outline:none;这样点击后就不会有 阅读全文
posted @ 2016-08-20 09:56 bokeyuan990 阅读(631) 评论(0) 推荐(0)
摘要: 本文主要从字体的各种属性方面阐述了如何从字体入手提高用户体验。 本文地址:http://www.zcfy.cc/article/typography-for-user-interfaces-972.html 阅读全文
posted @ 2016-08-09 00:11 bokeyuan990 阅读(170) 评论(0) 推荐(0)
摘要: github地址:https://github.com/ziyekkk/carousel 首先轮播框的html与css要点有3: 1.主div属性position:relative 2.图片放在ul里,序号放在ul里 3.图片隐藏 其他细节不表,下面说一下js的主要思路。 首先要想到的是,鼠标指向序 阅读全文
posted @ 2016-08-08 23:37 bokeyuan990 阅读(301) 评论(0) 推荐(0)
摘要: 两个方面。 1.21布局,推荐position:absolute;(此题要求3个div),左边两个position:absolute;设置好top与left。右边div设置好margin。 2.js部分 附RUNJS:http://runjs.cn/code/y2amstgb 阅读全文
posted @ 2016-08-05 13:30 bokeyuan990 阅读(877) 评论(0) 推荐(0)
摘要: 趁还记得回顾几个有意思的面试题,答案后面整理。 1.自适应三栏布局(两种方法) 解读:三列框,左边框归左边,右边框归右边,两种方法,position:absolute;,浮动float。自适应中间边框margin控制。下面描述不同之处: (1)浮动float: 必须先将左右div先设置完成然后设置中 阅读全文
posted @ 2016-08-04 20:26 bokeyuan990 阅读(125) 评论(0) 推荐(0)
摘要: photoshop cc 自带的图层“css复制”功能,对图层右键后可进行css复制,支持渐变等特效。 但是会有无效的position属性,很大的妨碍了书写css的速度。 一个插件:https://github.com/Linrstudio/PhotoshopCopyCSS 安装后 用于增强 Pho 阅读全文
posted @ 2016-08-02 21:24 bokeyuan990 阅读(5078) 评论(0) 推荐(0)
摘要: 关于颜色的一片外文翻译,阐述了新的显示设备产生的现状下web开发者应该如何应对颜色的展现。 链接:http://www.zcfy.cc/article/improving-color-on-the-web-webkit-922.html 阅读全文
posted @ 2016-07-31 22:14 bokeyuan990 阅读(151) 评论(0) 推荐(1)
摘要: RUNJS地址:http://runjs.cn/code/acqs9fdd 主要用了 1.position:fixed;设置标签相对当前窗口的位置。 2.scroll()方法:监听滚动条 3.scrollTop()方法:窗口中滚动条的垂直偏移 html代码: css代码: javascript代码: 阅读全文
posted @ 2016-07-30 23:38 bokeyuan990 阅读(218) 评论(0) 推荐(0)