CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/03 CSS

1、CSS中的clear有四个参数： none：允许两边都可以浮动。 left：不允许左边有浮动。 right：不允许右边有浮动。 both(默认)；不允许有浮动。 2、一开始在CSS中clear浮动是默认both，也就是说一开始不能有浮动的。 3、使用的案例：假设我清除第三个...

前端技术 2023/09/03 CSS

代码：复制代码代码如下: <a href=\"javascript:void(0)\" onclick=\"loadiframe()\">点我咯</a> <script> var loadiframe = function(){ alert...

前端技术 2023/09/03 CSS

下面这篇教程是教你如何用CSS3来制作3D效果的文字，文章翻译自3D CSS Shadow Text Tutorial。这个简单的CSS文本阴影教程将一步步教你如何通过堆叠多层阴影来创建3D文字，然后进一步利用CSS3的transform和transiti...

前端技术 2023/09/03 CSS

前些天在W3CPlus看到了一篇文章，提到用CSS制作水平垂直居中，在测试其中的第六点时发现了一些小问题：添加了一个无意义的新标签复制代码代码如下: <div id=\"extra\"> 当设定内容宽度的时候，文本换行了对于第一点，解决的办法是...

CSS中的层分离编程详解

前端技术 2023/09/03 CSS

随着CSS的发展，使用CSS有语义化的命名约定和CSS层的分离，将有助于它的可扩展性，性能的提高和代码的组织管理。在我前面的文章中讨论很多关于CSS的问题都可以通过使用一个适当的CSS策略来避免。在这篇文章里，我将着重于讨论使用一种方法或者一个命名规则所带来的好处。这里有很...

前端技术 2023/09/03 CSS

ie6，ie7的haslayout属性是个让人头疼的问题。在做导航条的时候，一般会用到ul li结构，大多数时候我们是把li设置为浮动，让其并排显示在同一行。还有一种方法就是设置li为display:inline;这样可以达到同样的效果，但是问题是inline元...

前端技术 2023/09/03 CSS

复制代码代码如下: <style type=\"text/css\"> html,body { width:100%; height:100%; margin:0px; padding:0px; overflow:hidden; } #Main { position...

前端技术 2023/09/03 CSS

效果如图代码: 复制代码代码如下: <style> table td{white-space:nowrap;overflow:hidden; text-overflow:ellipsis;} table {table-layout:fixed;}...

前端技术 2023/09/03 CSS

1.位置属性(display, float, position, top, right, z-index, visibility,clear,list-style等) 2.自身属性(width, height,line-height, margin, paddi...

前端技术 2023/09/03 CSS

喜欢钓鱼还没那个技术钓到鱼，下面小编画条大鱼安慰我一下柔弱的心灵。先给大家展示小效果图，如果亲感觉还不错，很满意，请继续往下阅读。先上图：上面这个就是今晚上我要跟大家分享的小DEMO，我给他起名字就“大鱼吃小鱼之孤单的大鱼”。转入正题，这条大鱼分为三部分：头，尾巴，眼睛...

关闭

我的博客