纯心物语-CSDN博客

原创如何实现图片轮换的效果

实现上面的效果图：HTML代码如下：html>html>head lang="en"> meta charset="UTF-8"> --> title>3Atitle> link href="css/reset.css" rel="stylesheet"> link href="css/style.css" rel="stylesheet">

2015-06-08 11:12:29 738

原创有趣的布局

div布局

2015-05-29 11:07:50 353

原创关于写CSS时类似div.ex中间有空格的问题

如果把样式写成下面的格式： div .ex{ background-color: #e5eecc; padding: 7px; border:solid 1px #c3c3c3; } 注意：有空格，那么在实际中我们的样式是不起作用的，而且debug时也不好查问题出在了哪里，因为控制台都不报错的。所

2015-05-28 17:18:00 498

原创文章标题

实现天津变成红色，给每个天津二字，加个span 便签，然后设置字的颜色就可以。据说这是最简单的方法了。但我觉得好复杂，不知道属性选择能不能实现。

2015-05-20 15:07:02 289

原创 table中设置的border=1,而实际效果是2px的问题

1.transform:可用于元素的变形，实现元素的旋转、缩放、移动、倾斜等变形效果。 transform:rotate(30deg):顺时针旋转30度。 (1)rotate():函数用于定义元素在二维空间的旋转。角度为正时，表示顺时针旋转，负值时，表示逆时针旋转。 *提示：要想元素能旋转，要把元素定义成display:block类型。 (2)scale()函数用于定义元素在二维空间的缩放和

2015-05-20 15:03:21 2574 2

原创 CSS 3变形基础

1.transform:可用于元素的变形，实现元素的旋转、缩放、移动、倾斜等变形效果。 transform:rotate(30deg):顺时针旋转30度。 rotate():函数用于定义元素在二维空间的旋转。角度为正时，表示顺时针旋转，负值时，表示逆时针旋转。 *提示：要想元素能旋转，要把元素定义成display:block类型。 scale()函数用于定义元素在二维空间的缩放和旋转。 s

2015-05-19 17:53:30 477

原创文章标题多列布局基础

1.columns:column-width> | column-count>定义多列布局的宽度和列数。提示：在实际布局中，所定义的多列的列数是最大列数。当外围宽度不够时，多列的列数会减少，而每列的宽度会自适应宽度，填满整个区域。例：columns:200px 3; 如果只设置了宽度：column-width:200px;则当窗口大小改变时，列数会及时调整，列数不固定。如果只设置了数

2015-05-19 16:57:06 342

原创用outline属性来设置表单

网站服务条款#login{margin: 20px auto;width: 300px;border: 1px solid #f90;padding: 20px;line-height: 22px;outline: 2px solid #cccccc;background-color: #ffff99;font-size: 18px;}#login

2015-05-19 16:14:23 794

原创欢迎使用CSDN-markdown编辑器

1.允许用户改变尺寸——resize属性：定义一个元素是否允许用户调整大小。语法如下： resize:none | both | horizontal | vertical | inherit 提示:resize属性需要和溢出处理属性overflow或overflow-x或overfow-y一起使用，才能把元素定义成可调整大小的，且溢出属性值不能为visible. Firefox 4+、Ch

2015-05-19 14:30:01 275

原创如何把一张图片上的几个小图片按自己的要求有规律的显示出来

想做出如下布局：所给图片是：主要代码代码如下：.hBLeft ul li a{ font-weight: bold; letter-spacing: 1px; color: #808080;; display: block; margin: auto; width: 100px; height: 44px;

2015-05-18 11:04:23 1166

原创 class写错的地方引发的错误

预想要出的界面：附上关键的正确代码：div class="hBRight"> ul class="hBRightImgs"> li>img src="images/hBImgs01.jpg">li> li class="zIndex2">img src="images/hBImgs01.jpg">li> li class=

2015-05-15 16:18:54 333

原创关于HTML和CSS中左右布局中的浮动问题

这是预想中要写的界面，可是我做的界面出来总是这个样子，右面设置了float-right了，图片按自己所想的是悬浮在右面了，可是就是不能跟左边的并排啊。按自己想的，不应该出现这样的布局，于是自己就尝试各种方法，是不是1.宽度不够被挤下来了，待我查了审计元素后，不是宽度不够的原因。2.是不是自己写的布局没有包括在banner中，事实证明也没有。3.我不会靠加个margin-top 来让它上

2015-05-15 15:43:22 2289 1

fanxiaokun526的博客