![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css问题
总是忘记昵称
这个作者很懒,什么都没留下…
展开
-
css3制作的3d效果
html:图片自己找个替换上去HOTHOTHOTcss:#content_quiz section{ position:relative; -webkit-perspective:2; float:left; width:25%; margin-right:5%;}#content_quiz section .film {-webkit原创 2013-10-15 16:45:28 · 825 阅读 · 0 评论 -
css3loading 状态4
css3loading状态4原创 2016-06-22 16:46:32 · 582 阅读 · 0 评论 -
欢迎使用CSDN-markdown编辑器
css3loading状态3原创 2016-06-22 16:14:21 · 276 阅读 · 0 评论 -
css3loading状态2
Document .demo{width:100px; height: 100px; margin:30px auto; position: relative;} .demo i{ display: block; border-radius: 50%; border: 2px solid #333; border-color:transparent #333; position: absol原创 2016-06-22 15:12:34 · 358 阅读 · 0 评论 -
欢迎使用CSDN-markdown编辑器
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin: 0; padding: 0} #main{width:300px; height: 300px; margin:50px原创 2015-06-04 16:57:00 · 414 阅读 · 0 评论 -
ie7下面不支持块级元素使用display:inline-block的问题
在ie8以及以上的浏览器中,对块级元素使用了display:inline-block后,会将块级元素转换为行内块元素,但是在ie7和以下的浏览器不支持在ie7和以下的浏览器中 使用了display:inline-block会触发ie的layout解决方法:div{display:inline-block; *zoom:1; *display:inline}原创 2015-05-29 16:12:23 · 846 阅读 · 0 评论 -
爱心
无标题文档body{ background:#000;}.love{ font-size:800px; text-align:center; text-shadow:0 0 10px red; color: hsla(0, 0%, 0%, 0); }❤原创 2014-07-22 17:11:52 · 738 阅读 · 0 评论 -
css3的transition效果和transfor效果
css3的transition效果body{ background:#000;}*{margin:0; padding:0; list-style:none; outline:none;}div{ width:960px; margin:50px auto;}li{ width:130px; height:450px; background:#fff; float:left; text-a原创 2013-09-18 15:43:04 · 875 阅读 · 0 评论 -
css3+jq 编写的含苞待放的荷花
盛开的荷花特效原创 2013-11-06 14:27:48 · 870 阅读 · 0 评论 -
ie下面,没有背景色的bug
鼠标经过下面的二级菜单的时候,在ie下面,收缩上去了,给这个二级菜单加了背景后,就是正常的,这个是ie下面的一个bug,解决方法:background-img:url(123.jpg);url里面的图片不用存在原创 2014-02-20 15:38:34 · 761 阅读 · 0 评论 -
行内元素与块级元素的区别
内联元素既我们平时说的行内元素;他有多个名称(内联元素,内嵌元素,行内元素,直进式元素)它与块级元素的区别:1.设置宽度和高度无效,它的宽度就是内容区域的宽度;2.margin和padding的top和bottom失效;3.显示在一行;4.行高无效;原创 2013-05-30 17:08:21 · 490 阅读 · 0 评论 -
div垂直居中的方法
2、让层垂直居中.className{ width:270px; height:150px; position:absolute; left:50%; top:50%; margin:-75px 0 0 -135px;}将层设置为绝对定位,left和top为50%,这时候使用负外边距,负外边距的大小为宽高的一半。3、在重置窗体的时候转载 2013-07-17 15:36:44 · 496 阅读 · 0 评论 -
css中换行的几种方式
1.white-space:normal; 这个只针对中文有效2.word-break:break-all; 强制换行,针对中文,数字,英文等都有效;3.word-wrap:break-word; 英文单词碰到换行的时候,整个单词换行:原创 2013-07-09 12:03:43 · 1389 阅读 · 0 评论 -
css3进行截取
在css3出现之前,一般采用substring来进行截取,现在 不用js,纯css3也能进行截取了:text-overflow:clip | ellipsis1.clip: 要在一定的高度内,配合overflow:hidden才有效,若没有overflow:hidden;将 不会有任何效果;2.ellipsis:将超出的部分用省略号表示,需要配合overflow:hidden和whit原创 2013-09-02 17:01:36 · 1060 阅读 · 0 评论 -
有趣的css3效果
链接地址:http://demo.marcofolio.net/3d_animation_css3/http://www.panic.com/blog/http://ie.microsoft.com/testdrive/html5/borderradius/default.htmlhttp://designlovr.com/examples/dynamic_stack_原创 2013-09-18 10:36:43 · 811 阅读 · 0 评论 -
css3loading状态3
css3loading状态3原创 2016-06-22 16:48:21 · 494 阅读 · 0 评论