摘要:
关于linear-gradient的语法就不多做介绍了网上到处都是,下面看个小例 我们先做一个渐变,使其让他旋转, 如果把深色改为透明,那么我们想要的东西就出来了 查看效果 代码下 查看效果 ps:IE好像还没有完全支持,所以我就没有写IE兼容 阅读全文
摘要:
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。 实现方法: 效果如图: 但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。 接下来重点说一说多行文本溢出显示省略号,如 阅读全文
摘要:
******* CSS 常用属性 ********* 【font】 font 设置或检索对象中的文本特性。该属性是复合属性。 使用第一种声明方式参数必须按照如上的排列顺序,且font-size和font-family是不可忽略的。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。 : 阅读全文
摘要:
前端人员在学习开发过程中常用的CSS样式总结: 【margin】 margin 检索或设置对象四边的外延边距 margin-top 检索或设置对象顶边的外延边距 margin-right 检索或设置对象右边的外延边距 margin-bottom 检索或设置对象底边的外延边距 margin-left 阅读全文
摘要:
【layout】 clear:该属性的值指出了不允许有浮动对象的边。 默认值:none none: 允许两边都可以有浮动对象 both: 不允许有浮动对象 left: 不允许左边有浮动对象 right: 不允许右边有浮动对象 display:设置或检索对象是否及如何显示。 如果display设置为n 阅读全文
摘要:
【layout】 clear:该属性的值指出了不允许有浮动对象的边。 默认值:none none: 允许两边都可以有浮动对象 both: 不允许有浮动对象 left: 不允许左边有浮动对象 right: 不允许右边有浮动对象 display:设置或检索对象是否及如何显示。 如果display设置为n 阅读全文
摘要:
假设我们的单标签是一个 div: 定义如下通用CSS: 法一:border 这个应该是最最最容易想到的了 法二:使用伪元素 一个标签,算上 before 与 after 伪元素,其实算是有三个标签,这也是很多单标签作图的基础,本题中,使用伪元素可以轻易完成。 法三:外 box-shadow 盒阴影 阅读全文
摘要:
话说这个问题纠结了近一个小时,为什么呢?看看就知道了。 在公司的商旅Web移动版本项目上有这么一个交互,需要模仿iphone自带的开关,好吧,肯定没什么问题。 Tip:请使用Chrome查看以下案例 点此查看实例展示 写啊写,html代码出来了: 然后,写啊写,css代码也出来了,但是总会出现这样的 阅读全文