随笔分类 -  CSS

清理浮动的三种常用方法以及如何居中一个浮动元素
摘要：千里之行始于足下今天看到一个题目说如何居中一个float:left的元素的题目，我蛮以为用margin:0 auto 就可以解决了。然而，试验之后，发现事实并非如此，才发现自己对于这方面的知识竟是相当忙乱！于是撇下手头事务，翻书查资料温习了这部分‘简单’的内容。并总结如下。一、清理浮动的三种方法。当... 阅读全文
posted @ 2015-04-16 12:38 我之空间 阅读(9841) 评论(0) 推荐(0)
数据表格应该被完全抛弃吗？
摘要：有人说，数据表格会使页面变的臃肿不堪，所以应该完全抛弃掉他们，但是，有的时候，表格的用处显然是极大的。HTML提供了许多表格的属性，以做一个日历为例，在这进行总结一下。summary和caption.caption指表格标题，summary类似于图片的ALT属性，用于描述表格的内容。thead、... 阅读全文
posted @ 2014-11-28 07:36 我之空间 阅读(160) 评论(0) 推荐(0)
CSS——实现图像远距离翻转效果
摘要：仍然是《精通CSS》一书中的例子转换而来，先上代码：无标题文档 » 梅 » 兰 ... 阅读全文
posted @ 2014-11-27 08:05 我之空间 阅读(440) 评论(0) 推荐(0)
《精通CSS》一个下拉菜单的例子
摘要：这个例子是下拉菜单的，我进行了一点点改动，原理的确很简单，但是作者的代码层次感很清楚，值得学习；另外一点，作者在交互过程中的颜色变化，甚至精确到边框线之间的变化，虽然从旁观者的角度看基本上看不出来这个有什么变化，但是这种细致入微的思考和设计是值得学习和思考的，所谓细微之处方见技艺是否成熟，我觉... 阅读全文
posted @ 2014-11-26 08:35 我之空间 阅读(433) 评论(0) 推荐(0)
三种清理浮动的方式
摘要：在页面布局时，我们常常会遇到这样一个问题：对子元素采用浮动之后两者会脱离文档流,导致父元素因为没有内容而收缩，隐藏掉我们设置的背景和其他相关样式。这个时候，我们为了清除浮动的影响，一般有以下三种方法：方法一：添加一个进行清理的元素（例如一个段落标签或换行标签），r然后用clear属性进行清理。三种清... 阅读全文
posted @ 2014-11-25 07:44 我之空间 阅读(167) 评论(0) 推荐(0)
简单的水平导航条
摘要：要创建一个简单的水平导航条，首先需要借助标签创建有序列表。主题内容：水平到航条 Prev 1 2 3 4 5 Next 然后对其使用样式，先进行页面初始化：*{margin: 0;padd... 阅读全文
posted @ 2014-11-25 07:00 我之空间 阅读(275) 评论(0) 推荐(0)
CSS——关于列表和导航条菜单之垂直菜单制作
摘要：导航条菜单，即左图所示。下面，将一一展开如何制作。1、首先，制作一个垂直的项目菜单，用标签写出基本内容，然后在样式表里面用margin和padding去掉内外边距，用list-style属性去掉原有的项目符号，插入自己喜欢的项目符号，代码如下： 列表和导航条 project1 pr... 阅读全文
posted @ 2014-11-24 08:44 我之空间 阅读(649) 评论(0) 推荐(0)
css中关于超链接的部分学习心得
摘要：在《精通CSS》一书中，作者对于超链接部分的解说。1、在CSS中，两个规则的优先级一样高的时候，后定义的规则优先，所以对于超链接的几个伪选择器，一般的顺序是：a:link，a:visited，a:hover，a:focus，a:active；这个不用专门去记下来，当你做上几个简单的例子之后就会记下来... 阅读全文
posted @ 2014-11-23 20:01 我之空间 阅读(1004) 评论(0) 推荐(0)