51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
文章频道
前端
css3
Javascript
html
Html5
Css
vue
网站优化
正则表达式
React
后端
C语言
C++
Java
.Net
PHP
Python
gis
Go语言
数据库
nosql
其他
Redis
sql
Mysql
Oracle
sqlserver
mongodb
移动
Flutter
Android
IOS
微信
微信小程序
支付宝小程序
快应用
开源
hadoop
资讯
经验
其他
工具
互联网络
代码编辑器
报表/图表
其他
算法
操作系统
linux
unix
windows
centos
mac
游戏开发
架构
微服务
网站架构
分布式系统
系统架构
软件工程
敏捷开发
软件工程
Css
css实现div不定宽高垂直水平居中解决方案
在项目中我们经常能碰见然图片垂直水平居中,不定宽高的div垂直水平居中,等等~~ 现在我将介绍我所知道的几种用css来解决的几种方案。1.父元素text-align:center;display:table-cell;vertical-align:middle;子元素display:inline-bloc...
代码星球
·
2020-05-23
css
实现
div
定宽
高垂直
css3之transform属性实现div不定宽高垂直水平居中
transform的作用transform属性向元素应用2D或3D转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。(w3cschool)transform的兼容性transform的兼容性还是比较乐观的。IE9以下不兼容,IE9支持代替的-ms-transform属性不过只支持2D转换。谷歌和Safari支持代替...
代码星球
·
2020-05-23
css3
transform
属性
实现
div
css之background-position属性实现雪碧图
什么是雪碧图雪碧图就是CSSSprite,也有人叫它CSS精灵,是一种CSS图像合并技术,就是把多张小图标合并到一张图片上,然后用css的background-position来显示需要显示的部分。为什么要用雪碧图可以减少加载网页图片时对服务器的请求次数,提高页面的加载速度,解决IE6鼠标滑过时出现闪白的现象。用雪碧图...
代码星球
·
2020-05-23
css
background-position
属性
实现
雪碧
CSS3之word-wrap英文单词溢出强制换行
word-wrap:normal|break-word;所有主流浏览器都支持word-wrap属性。<divcolor:#800000;">"border:1px#f00solid;width:50px;word-wrap:break-word;">https://home.cnblogs.com/set/...
代码星球
·
2020-05-23
CSS3
word-wrap
英文
单词
溢出
CSS Bugs 解决方案
说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10,Firefox6.0,Chrome13.0,Safari5.1,Opera11.51如何在IE6及更早浏览器中定义小高度的容器?方法:#test{overflow:hidden;height:1px;font-size:0;line-height:...
代码星球
·
2020-05-23
CSS
Bugs
解决方案
CSS实现背景透明,文字不透明,兼容所有浏览器
重点内容入口:IE6和部分IE7内核的浏览器会读懂rgbaIE专属滤镜filter:Alpha的兼容处理背景透明,文字不透明全兼容方案测试浏览器:VirtIE6、虚拟机下XP的IE6、纯正IE8、纯正IE8下QQ浏览器、WIN7下的IE9.0.32、WIN8下的IE10.0.21、chrome38.0、QQ...
代码星球
·
2020-05-23
CSS
实现
背景
透明
文字
css问题 ie7兼容性问题
1、响应式网站用百分比时ie7不兼容;试试将margin:010%改为margin-left:15%;左边是可以的,但是右边就不行了2、ie7的span里的字会出现白色背景,是因为没有定高度,在ie7里单独设个高度即可;...
代码星球
·
2020-05-23
问题
css
ie7
兼容性
css3效果
1、放大图片: /*galleryImagecss*/a.galleryImage{display:block;}.galleryImageimg{transition:all.4sease-out;-webkit-transition:all.4sease-out;}.galleryImage:hoveri...
代码星球
·
2020-05-23
css3
效果
手机横屏竖屏css
@media是css3中新定义的,功能非常强大,顾名思义PC是无法匹配横竖屏的,所以orientation只对移动设备起效。1.头部声明复制代码代码如下:<metaname="viewport"content="width=device-width,initial-scale=1.0,user-scalable=...
代码星球
·
2020-05-23
手机
横屏
竖屏
css
移动Web—CSS为Retina屏幕替换更高质量的图片
来源:互联网 作者:佚名 时间:12-2410:37:45 【大 中 小】点评:Retian似乎是屏幕显示的一种趋势,这也是Web设计师面对的一个新挑战;移动应用程序的设计师们已经学会了如何为Retina屏幕设备显示更好质量的图片,用来提高用户的体验;在本文中,你将看到...
代码星球
·
2020-05-23
移动
Web
CSS
Retina
屏幕
CSS3 Media Queries在iPhone4和iPad上的运用
CSS3MediaQueries的介绍在W3CPlus上的介绍已有好几篇文章了,但自己碰到的问题与解决的文章还是相对的较少。前几天在《修复iPhone上submit按钮bug》上介绍了修复form中sumit按钮的bug。同一个项目,为了实现iPhone和iPad横板与竖板的风格,让我还是头疼了一翻。一开始按照CSS3...
代码星球
·
2020-05-23
CSS3
Media
Queries
iPhone4
iPad
CSS3时钟式进度条
CSS3时钟式进度条,加载完成时生成一个圆,数字慢慢变成100,适时的显示加载进度。友情提醒,如果预览时网页左下角提示错误,刷新一下就可以看到效果了;实际使用中不会出现这样的问题。<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0 Transitional//EN""http...
代码星球
·
2020-05-23
CSS3
时钟
进度
手机web——自适应网页设计(html/css控制)
一.允许网页宽度自动调整:"自适应网页设计"到底是怎么做到的?其实并不难。首先,在网页代码的头部,加入一行viewport元标签。<metaname="viewport"content="width=device-width,initial-scale=1"/>viewport是网页默认的宽度和高度,上面这...
代码星球
·
2020-05-23
手机
web
适应
网页设计
html
css 禅意花园 笔记
1. FOUC(FlashOfUnstyledContent)现象(在某些情况下,IE加载网页时会出现短暂的CSS样式失效。 a:只发生在Windows上的IE(5.0版本以上) b:只发生在那些会出现FOUC现象的网页 c:IE的临时文件夹中...
代码星球
·
2020-05-23
css
禅意
花园
笔记
关注经典:CSS Awards 获奖网站作品赏析《第一季》
每天都有很多新的网站推出,其中不乏一些设计极其优秀的作品。这个系列的文章,我为大家挑选了2012年赢得 CSSAwards大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平,相信你可以得到很大的启发。您可能感兴趣的相关文章经典网页设计:25个应用视差滚动单页网站经典网页设计:...
代码星球
·
2020-05-23
关注
经典
CSS
Awards
获奖
专栏
更多
老潘
关注
欢迎关注
建站高手
关注
兴趣:做网站
星空
关注
星空下的梦~
代码星球
关注
IT猿
关注
首页
上一页
...
61
62
63
64
65
...
下一页
尾页
按字母分类:
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
其他