![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
code_ja
哈哈
展开
-
不用jQuery做一个简单无交互的JavaScript幻灯片1
利用JavaScript和HTML和css并且不用任何库做一个简单的幻灯片效果,这个幻灯片的好处是不引用任何外在的库,提高了性能,由于采用了较少的代码,这样可以放在页面的任何地方而不担心要加载多余的额外文件。 1.首先我们看看最简单的幻灯片 HTML代码如下:<ul id="slides"> <li class="slide showing">Slide 1</li> <li c翻译 2016-06-24 11:48:04 · 384 阅读 · 0 评论 -
不用jQuery做一个简单手动暂停的JavaScript幻灯片2
在你的页面上使用幻灯片之前应该仔细想清楚是否该使用它,使用不当的话会破坏你的网站的用户体验。幻灯片会隐藏重要的内容 如果你的网站里有些内容是非常重要的,它就不应该隐藏在幻灯片中,你不能指望在理想环境下用户能够通过自动幻灯片看到他们想要的内容。用户可能会弄不清楚该网站的主要意图是什么 特别是在主页中使用幻灯片。如果你不能决定显示什么给用户,你怎么能指望用户决定做什么?你的网站有个清晰和显而易见翻译 2016-06-24 15:58:18 · 661 阅读 · 0 评论 -
浮动元素float的详细内幕
一些规则控制着浮动元素的摆放,规则如下: 1.浮动元素的左右外边界不能超过其包含块内容区的左右内边界(包含块就是其最近的块级祖先元素) 2.为防止浮动元素彼此覆盖,如果一个元素向左浮动,而另一个元素已经在那个位置,后放置的元素将挨着前一个浮动元素的右外边界放置。但是如果一个浮动元素的顶端在之前所有浮动元素的底端下面,它就可以一直浮动到父元素的内左边界。如下图: 3.假设父元素的宽度为500原创 2016-06-26 16:59:35 · 1284 阅读 · 0 评论 -
CSS中的z-index讲解
z-index设置元素的堆叠顺序。堆叠设置高的元素在堆叠设置低的元素的前面显示。1.只有在定位元素(position:relative/absolute/fixed)下的z-index才有作用。2.如果定位元素的z-index没有发生嵌套(意思就是子元素没有设置z-index)下应该遵循:a.后来居上准则(在z-index设置的数值一样的情况下,后面的元素会覆盖前面的元素)b.哪个大,哪个上(就是那原创 2016-09-02 10:52:47 · 453 阅读 · 0 评论 -
CSS float浮动的深入研究、详解及拓展(二)
转载来自张鑫旭-鑫空间-鑫生活http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=594**接上回… 五、浮动的非本职工作**浮动的本职工作是让匿名inline boxes性质的文字环绕图片显示,而其他所有用浮动实现的效果都不是浮动应该做的事情,我称之为“非本职工作”。或许我们并没有过多的深思,把一些实际上不转载 2016-09-02 18:10:56 · 387 阅读 · 0 评论 -
CSS float浮动的深入研究、详解及拓展(一)
转载来自张鑫旭-鑫空间-鑫生活 http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=583概念目录个人感悟之CSS代码的情感化思维个人观点之浮动的意义仅仅是文字环绕显示而已个人观点之浮动的本质是“包裹及破坏”个人观点之目前大多数浮动应用都不是浮动应该做的个人观点之浮动其实是个魔鬼、混球一、引言你我看待事物转载 2016-09-02 17:56:25 · 350 阅读 · 0 评论