![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
猿序程
这个作者很懒,什么都没留下…
展开
-
IE6 Fixed
html { _background-image: url(about:blank); _background-attachment: fixed;} body { background-attachment: scroll; } .topBox { width:100%; height:30px;原创 2012-10-26 18:07:57 · 533 阅读 · 0 评论 -
工作中遇到的css小结
1.透明filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;原创 2014-05-29 10:08:27 · 904 阅读 · 0 评论 -
css连续的纯数字或字母强制换行
white-space:normal; word-break:break-all;原创 2017-02-14 10:40:03 · 16993 阅读 · 0 评论 -
css两端对齐
text-align:Justify; text-justify:inter-ideograph原创 2017-02-14 10:38:36 · 340 阅读 · 0 评论 -
css透明
filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;原创 2017-02-14 10:36:44 · 900 阅读 · 0 评论 -
table边框合并
外表格样式:内表格样式:原创 2016-03-15 15:47:46 · 3132 阅读 · 0 评论 -
还可输入多少字的字体样式
font:26px/30px Georgia, Tahoma, Arial;效果:原创 2016-03-02 18:00:17 · 555 阅读 · 0 评论 -
css使用li索引或偶数行
.list ul li:nth-child(even){ ...} //li的偶数行样式原创 2015-09-22 15:30:14 · 10177 阅读 · 0 评论 -
vh,可视窗口100%高
1vh 等于1/100的视口高度。例:浏览器高度900px, 1 vh = 900px/100 = 9 px。同理,如果视口宽度未750, 1vw = 750px/100 = 7.5 px。100vh就是可视窗口的高,类似body的100%转载 2015-10-08 10:52:22 · 2429 阅读 · 0 评论 -
连续英文、数字换行
word-wrap: break-word;原创 2015-10-08 09:35:30 · 624 阅读 · 0 评论 -
垂直居中
父元素 {-webkit-transform-style: preserve-3d;}子元素 {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50原创 2015-10-08 13:44:36 · 279 阅读 · 0 评论 -
文字偏移
text-indent:-9999px;原创 2015-10-08 11:03:56 · 575 阅读 · 0 评论 -
让padding、border等不占据宽度
box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */原创 2015-10-08 10:42:48 · 13472 阅读 · 0 评论 -
阴影
box-shadow:0 1px 2px 0 #333;-webkit-box-shadow:0 1px 2px 0 #333;原创 2015-09-15 10:00:35 · 356 阅读 · 0 评论 -
背景全屏样式
background-size:cover意义:保持图像本身的宽高比例,将图片缩放到正好完全覆盖定义背景的区域原创 2015-09-11 13:40:10 · 479 阅读 · 0 评论 -
css边框border样式
1.实线:solid2.虚线:dashed3.点线:dotted原创 2017-02-14 11:02:40 · 701 阅读 · 0 评论