摘要: 关于linear-gradient的语法就不多做介绍了网上到处都是,下面看个小例 我们先做一个渐变,使其让他旋转, 如果把深色改为透明,那么我们想要的东西就出来了 查看效果 代码下 查看效果 ps:IE好像还没有完全支持,所以我就没有写IE兼容 阅读全文
posted @ 2017-01-03 11:18 尚·学 阅读(802) 评论(0) 推荐(0) 编辑
摘要: 如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。 实现方法: 效果如图: 但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。 接下来重点说一说多行文本溢出显示省略号,如 阅读全文
posted @ 2016-12-30 13:06 尚·学 阅读(190) 评论(0) 推荐(0) 编辑
摘要: ******* CSS 常用属性 ********* 【font】 font 设置或检索对象中的文本特性。该属性是复合属性。 使用第一种声明方式参数必须按照如上的排列顺序,且font-size和font-family是不可忽略的。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。 : 阅读全文
posted @ 2016-12-29 11:23 尚·学 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 前端人员在学习开发过程中常用的CSS样式总结: 【margin】 margin 检索或设置对象四边的外延边距 margin-top 检索或设置对象顶边的外延边距 margin-right 检索或设置对象右边的外延边距 margin-bottom 检索或设置对象底边的外延边距 margin-left 阅读全文
posted @ 2016-12-28 11:23 尚·学 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 【layout】 clear:该属性的值指出了不允许有浮动对象的边。 默认值:none none: 允许两边都可以有浮动对象 both: 不允许有浮动对象 left: 不允许左边有浮动对象 right: 不允许右边有浮动对象 display:设置或检索对象是否及如何显示。 如果display设置为n 阅读全文
posted @ 2016-12-27 11:27 尚·学 阅读(130) 评论(0) 推荐(0) 编辑
摘要: 【layout】 clear:该属性的值指出了不允许有浮动对象的边。 默认值:none none: 允许两边都可以有浮动对象 both: 不允许有浮动对象 left: 不允许左边有浮动对象 right: 不允许右边有浮动对象 display:设置或检索对象是否及如何显示。 如果display设置为n 阅读全文
posted @ 2016-12-26 11:31 尚·学 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 假设我们的单标签是一个 div: 定义如下通用CSS: 法一:border 这个应该是最最最容易想到的了 法二:使用伪元素 一个标签,算上 before 与 after 伪元素,其实算是有三个标签,这也是很多单标签作图的基础,本题中,使用伪元素可以轻易完成。 法三:外 box-shadow 盒阴影 阅读全文
posted @ 2016-12-25 11:24 尚·学 阅读(1204) 评论(0) 推荐(0) 编辑
摘要: 话说这个问题纠结了近一个小时,为什么呢?看看就知道了。 在公司的商旅Web移动版本项目上有这么一个交互,需要模仿iphone自带的开关,好吧,肯定没什么问题。 Tip:请使用Chrome查看以下案例 点此查看实例展示 写啊写,html代码出来了: 然后,写啊写,css代码也出来了,但是总会出现这样的 阅读全文
posted @ 2016-12-23 11:27 尚·学 阅读(1364) 评论(0) 推荐(0) 编辑
摘要: 下面是几种简单实现分隔线的方法,个人比较喜欢第二种,我也给出了最后第五种比较2的写法,请大家拍砖,或者提供其他好的方法。 单个标签实现分隔线: 点此查看实例展示 优点:代码简洁 巧用背景色实现分隔线: 点此查看实例展示 优点:代码简洁,可自适应宽度 inline-block实现分隔线: 点此查看实例 阅读全文
posted @ 2016-12-22 16:07 尚·学 阅读(3378) 评论(0) 推荐(0) 编辑
摘要: 前些日子,看见王健林说先定个小目标“挣一个亿”,打脸了无数屌丝,那是啪啪的呀。到这会还隐隐作痛。 对于我们这些穷屌丝,除了空有梦想什么都没有。梦想其实在我们眼里简直就是一文不值的。我也有梦想,有自己的房子车子,哎算了不敢想了。 阅读全文
posted @ 2016-12-22 14:14 尚·学 阅读(178) 评论(0) 推荐(0) 编辑