E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
CSS技巧
CSS技巧
集锦
1.元素悬浮在固定位置,不随页面移动//CSS代码 position:fixed; bottom:auto; top:0px;
liuxiaofan
·
2016-01-26 09:00
使用meta实现页面的定时刷新或跳转
一、开篇小广告今天在团队官博发了篇文章,名为“经验分享:多屏复杂动画
CSS技巧
三则”,大家如有兴趣,可以去围观下,点个赞,或评论什么的。
cometwo
·
2016-01-25 16:00
CSS技巧
水平居中设置-行内元素如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置text-align:center来实现的。如下代码:html代码: 我是文本,哈哈,我想要在父容器中水平居中显示。css代码: div.txtCenter{ text-align:center; }水平居中设置-定宽块状元素当被设置元素为块状元素时用text-align:center就不起作用了,这时也分
cfj
·
2016-01-15 09:00
css
css技巧
一
1.文字的水平居中将一段文字置于容器的水平中点,只需设置text-align特点即可:text-align:center;2.容器的水平居中先为该容器设置一个清晰宽度,然后将margin的水平值设为auto即可。div#container{width:760px;margin:0auto;}3.文字的笔直居中单行文字的笔直居中,只需将行高与容器高设为持平即可。比方,容器中有一行数字。1234567
zqs520
·
2015-12-28 09:00
【转】CSS 专业技巧收集
一些
CSS技巧
的收集,能够帮助你提升专业水平。
FungLeo
·
2015-12-02 08:00
css
css3
CSS技巧
博客属性10个非常不错的
CSS技巧
这几周个人几篇文章介绍了改博客属性的文章. 关联文章的地址 在这里,妙巧的运用CSS的技能,可以让你不必修改HTML能就失掉很好的博客或者模板表面。我收集了一些非常用有的CSS技能让我们计设博客时更炫更酷。 &n
·
2015-11-13 15:13
css
CSS技巧
1、DIV居中 margin:auto;或margin:0px auto;s 2、消除默认Body边距 body{margin: 0;padding: 0;} 3、CSS注释 s开始使用/*, 结束使用*/ 4、块级元素--&g
·
2015-11-13 15:31
css
css3 精品网站
css渐变发生器: http://www.colorzilla.com/gradient-editor/
css技巧
:http://css-tricks.com/ 可以在该网站下载
·
2015-11-13 14:01
css3
CSS技巧
:word-wrap同word-break的区别
本文列举了兼容 IE 和 FF 的换行 CSS 推荐样式,详细介绍了word-wrap同word-break的区别。 兼容 IE 和 FF 的换行 CSS 推荐样式 最好的方式是 以下是引用片段: word-wrap:break-word; overflow:hidden; 而不是  
·
2015-11-13 11:41
word-break
【
CSS技巧
】关于
的属性设置
<hr>的颜色设置 <hr style="border:0;background-color:#ff0000;height:1px;"> 如果不加border:0;的话,虽然颜色改变了,但是会显示一条黑色的边框。如果不加height:1px;的话,在chrome会显示不出来。也可以用下面的代码实现: <hr style="bo
·
2015-11-13 10:18
css
【
CSS技巧
】列表横向排列的另一种方法
列表<ul><dl>等默认是纵向排列。我们需要它横向排列时通常会用float来实现,但是使用了float也通常会引发一些排版问题。今天我学到了另一种方法:设定<li>标签的display:inline,把<li>设定为内联元素来实现横向排列的效果,不需要使用float。 <!doctype html> <html> &
·
2015-11-13 09:55
css
最全的CSS浏览器兼容问题
CSS技巧
1.div的垂直居中问题 vertic
·
2015-11-13 07:01
浏览器兼容
IE和FireFox关于CSS的兼容性
CSS技巧
1.div的垂直居中问
·
2015-11-13 06:48
firefox
转:几个经典的
css技巧
几个经典的
css技巧
来源:grace 作者:grace MacJi “偷懒”翻译了部分,下午冒着被 BOSS 开除的危险将其补完(原文链接)。
·
2015-11-13 05:43
css
简单的阴影效果
今天看到一篇介绍阴影效果的
CSS技巧
文章,不过好老了。现在应该有更好的方法了。里面的技巧其实硬着头皮写的话还是可以写出来的,不过看到别人写好的,还是确定一下。
·
2015-11-13 03:15
简单
常见的CSS浏览器兼容问题
CSS技巧
1.div的垂直居中问题 vertical-
·
2015-11-13 02:54
浏览器兼容
【CSS】最全的CSS浏览器兼容问题
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加
·
2015-11-12 22:35
浏览器兼容
最常用的
CSS技巧
收集笔记
1.重置浏览器的字体大小 重置浏览器的默认值 ,然后重设浏览器的字体大小你可以使用雅虎的用户界面重置的CSS方案 ,如果你不想下载9MB的文件,代码如下: body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p, blockquote,th,td {
·
2015-11-12 21:12
css
css点滴知识汇集、css知识、
css技巧
、css3
选择器权重(中文版)css选择器权重(英文版) css counters(英文版)CSS content, counter-increment 和 counter-reset详解(中文版)
css
·
2015-11-12 19:50
css3
最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)
CSS技巧
1.div的垂直居中问题 vertical-
·
2015-11-12 19:17
firefox
div+css网页布局对浏览器的兼容性
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。
·
2015-11-12 17:46
div+css
CSS浏览器兼容问题
CSS技巧
1.div的垂直居中问题
·
2015-11-12 14:15
浏览器兼容
css技巧
之如何实现ul li边框重合
提到边框重合,我们不妨打开淘宝首页浏览主体分类内容板块瞧瞧---亲,你看到了,正是这个,边框重合。其实我们不难发现,这个效果并不难,只是我们没有真正的动手做过而已,所以不知道怎么做,那么下面就是一个很好的实践,就让我们来谈谈用ul li如何实现边框重合,并附带鼠标经过效果。 最终效果图: 代码: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD
·
2015-11-12 14:52
css
CSS对浏览器的兼容性(IE和Firefox)技巧整理
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加
·
2015-11-12 10:58
firefox
13个
CSS技巧
一、使用行高来实现垂直居中 .elm {height: 24px;line-height: 24px;} 当你有一个固定高度的容器时,并且只有单行内容,此时要实现元素的垂直居中,最好 的办法就是设置元素的line-height和height相同。 二、防止内容溢出破坏布局 .elm {overflow: hidden;} 大家在平时的Web制作中肯定有碰到这样的问题:当
·
2015-11-12 08:57
css
CSS多浏览器兼容性(IE和Firefox)技巧大全推荐
CSS技巧
1.div的垂直居中问题 vertical-align:middle;将行距增加到和整个DIV一样高 line-height:200px;然后插入文字,就垂直居中了。
·
2015-11-11 18:59
firefox
CSS兼容性(IE和Firefox)技巧大全
CSS技巧
1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个
·
2015-11-11 16:35
firefox
你需要知道的三个
CSS技巧
各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备,以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁,更好维护的浏览器前端代码。现在让我们来看一看一些也许你还不知道的让人兴奋的CSS 功能。 在CSS中用attr()显示HTML属性值 attr()功能早在CSS 2.1标准
·
2015-11-11 13:15
css
css在各浏览器中的兼容问题
CSS技巧
1.div的垂直居中问题 vertical-align:middl
·
2015-11-11 09:17
css
响应式设计的5个CSS实用技巧
现在我分享在编码时常用的五个
CSS技巧
并举例说明。
·
2015-11-11 03:42
响应式设计
CSS技巧
CSS的常用技巧放送——使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。
·
2015-11-11 02:31
css
CSS技巧
:word-wrap同word-break的区别
来源:http://homepage.yesky.com/207/7707707.shtml 本文列举了兼容 IE 和 FF 的换行 CSS 推荐样式,详细介绍了word-wrap同word-break的区别。 兼容 IE 和 FF 的换行 CSS 推荐样式 最好的方式是 以下是引用片段: word-wrap:break-word; overflow
·
2015-11-10 23:24
word-break
兼容问题及处理
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。
·
2015-11-10 23:50
问题
CSS技巧
(含色卡)
1.CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight:bold; font-style:italic; font-varient:small-caps; font-size:1em; line-height:1.5em; font-family:verdana,sans-serif; 但也可以把它们全部写到一行上去: font: bol
·
2015-11-10 22:55
css
CSS技巧
集锦
CSS tips and tricks 原文出处:www.456bereastreet.com 原文发表时间:2005年3月15日 原文作者:Roger Johansson 作者简介:住在瑞典哥德堡,1994年开始接触和参与web设计,456 Berea Street是他的住址,因此采用这个名字作为他的个人主页域名 最近,经常有朋友问我一些工作中遇到的CSS问题。他们总是不能很好的控制CS
·
2015-11-10 22:55
css
没有flexbox弹性盒子,但我们还有table
然后具体的学习了里面的一些
css技巧
和方法,总结如下:github地址display:table源码里面很多将父元素display属性设为display:table。这个时候再将子元素display属
苹果小萝卜
·
2015-11-10 00:00
css
最实用的12条
css技巧
非原创,来源网络,英文版原文: http://stylizedweb.com/2008/03/12/most-used-css-tricks/ 1:Rounded corners without images 效果图—— Rounded corners without images <div id=”container”> <b class=”r
·
2015-11-08 15:41
css
目前比较全面的CSS BUG浏览器兼容知识汇总
CSS技巧
1.div的垂直居中问题 vertical-ali
·
2015-11-08 13:12
浏览器兼容
CSS技巧
— 不使用图片实现圆角、阴影、渐变等功能
CSS技巧
— 不使用图片实现圆角、阴影、渐变等功能 UI要求越来越高,界面越做越华丽,给我们开发人员带来的就是使用大量的背景图片,下面介绍一些通过css(不使用图片或少使用图片)来实现一些很常见的效果
·
2015-11-08 13:27
css
让CSS兼容IE和Firefox的技巧集合
CSS技巧
1.div的垂直居中问题 vertical-align:middl
·
2015-11-08 11:48
firefox
最全的CSS浏览器兼容问题整理
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就
·
2015-11-08 11:48
浏览器兼容
CSS技巧
:无懈可击的CSS圆角技术
要一个宽度不固定的框,事情变得有些复杂了。宽度不固定,就意味着这个框在水平和垂直方向都有足够灵活的变化。 为什么说这更难一些呢?因为它需要对四张图片的合适安置——每个圆角用一张。每个圆角都要独立出来,以便框能够在各个方向伸展。于是,四张图片就意味着需要四个HTML对象来作为背景图片的载体。 有一些实现办法包括在样式表中使用“生成内容”,即使用:before和:after伪类来为单独的一
·
2015-11-07 14:19
css
最全的IE与火狐的兼容问题
CSS技巧
1.div的垂直居中问题 vertical-align:
·
2015-11-07 14:46
IE
10个你未必知道的
CSS技巧
1.CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight:bold; font-style:italic; font-varient:small-caps; font-size:1em; line-height:1.5em; font-family:verdana,sans-serif; 但也可以把它们全部写到一行上去:
·
2015-11-07 14:12
css
CSS技巧
之圆角背景与三角形
前端开发中两个很不错的小技巧, CSS三角形与圆角背景. 的确, 它们都可以通过图片来实现, 但, 抛开用代码实现可以减小图片加载量不说, 当你遇到三角形或圆角背景下还有一层非纯色背景时, 你又不得不考虑IE6 png兼容问题, 嗯, IE6,万恶之源. 此时, CSS三角形及圆角背景将是上佳选择. 查看演示: 点此查看DEMOCSS圆角背景 通过改变层叠元素的
·
2015-11-07 13:55
css
多屏复杂动画
CSS技巧
三则
当下CSS3应用已经相当广泛,其中重要成员之一就是CSS3动画。并且,随着CSS动画的逐渐深入与普及,更复杂与细腻的动画场景也如雨后春笋般破土而出。 例如上个月做的「企业QQ-新年祝福」活动: 虽然视频内容是手机上的显示效果,但是,这个“企业新年祝福活动”原本只针对桌面端,移动端是后来辅助增强(增加了相当于活动页面UV 5.7%的点击)。而目前大多数类似页面只针对移动端,例如其
·
2015-11-07 10:44
css
div+css浏览器兼容问题解决方法
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-hei
·
2015-11-02 19:24
div+css
DIV+CSS相对IE6、IE7和IE8的兼容问题
CSS技巧
0.IE6或火狐下层之间出现缝隙 解决办法:o
·
2015-11-02 19:45
div+css
收集的CSS浏览器兼容问题大全
(HTML5 不需要 )
CSS技巧
1.div的垂直居中问题 vertical-align
·
2015-11-02 18:16
浏览器兼容
CSS兼容性(IE和Firefox)技巧
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整
·
2015-11-02 18:08
firefox
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他