51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
# CSS

前端框架相关

WebMIS 基于CI的PHP免费开源框架http://www.ksphp.com/docs/WebMIS/other_chart.html Bootstrap简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。http://www.bootcss.com/ 前端开发框架对比http://www.ibm.com/developerworks/cn/web/1404_wangfx_jsfram

框架
前端
原创 2015-11-20 19:49:58 488 阅读

list-style-type 在ie6、ie7中不显示的解决

值描述none无标记。disc默认。标记是实心圆。circle标记是空心圆。square标记是实心方块。decimal标记是数字。decimal-leading-zero0开头的数字标记。(01, 02, 03, 等。)lower-roman小写罗马数字(i, ii, iii, iv, v, 等。)upper-roma

ie7
ie6
不显示
list-style-type
原创 2013-06-27 10:16:32 749 阅读

word-spacing与letter-spacing的区别

word-spacing设置字与字之间的间距，letter-spacing设置字母与字母之间的间距 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

区别
word-spacing
letter-spacing
原创 2013-01-29 16:28:04 486 阅读

input按钮加背景，IE7或者IE6会出现黑框

现在做Web UI的都希望自己表单的input按钮多么多么美观，于是使用各种按钮背景 背景可以采用简单的渐变或者高光背景然后repeat-x，边框直接设置border就可以了，似乎这种想法没有问题 IE9，IE8下没发现什么问题，IE7或者IE6会出现黑框 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E

IE7
IE6
黑框
input按钮
原创 2013-01-29 15:25:21 1374 阅读 2评论

给checkbox配个老婆（label）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q

label
checkbox
原创 2013-01-29 13:55:23 747 阅读 1点赞 1评论

IE的hideFocus与非IE的outline:none

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q

hideFocus
outline:none
原创 2013-01-29 13:26:57 838 阅读

ie9加粗后字间距小及IE9的hack

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q

hack
ie9
加粗
间距
原创 2013-01-29 12:34:38 463 阅读

display:inline-block的应用及bug

display:inline-block的应用及bug <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="h

应用
bug
display:inline-block
原创 2012-12-11 11:13:34 494 阅读

层被Flash挡住

在插入的Flash代码里添加： <param name="wmode" value="transparent" /> 或者 <param name="wmode" value="opaque" /> 参考：http://www.blueidea.com/tech/web/2009/646

Flash
层
挡住
原创 2012-12-11 10:50:10 408 阅读

DIV+CSS实现表格功能

DIV+CSS实现表格功能 除去(IE6、IE7)不支持不支垂直居中功能已基本实现 http://332374363.blog.51cto.com/5262696/1082748 http://332374363.blog.51cto.com/5262696/1082800 两者代码的结合（css hack） <!DOCTYPE html PUBLIC "-//W3C//

CSS
DIV
表格
原创 2012-12-11 09:38:51 10000+阅读

DIV+CSS实现表格功能（不支垂直居中）

DIV+CSS实现表格功能（不支垂直居中） 对于不支持display:table-cell属性的IE6/7浏览器，又当如何解决呢？ 我们可以使用“补差等高法”，就是一个一个很大的margin-bottom负值配上一个同样大小的padding-bottom值。  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML

CSS
DIV
表格
原创 2012-12-08 16:46:59 713 阅读

DIV+CSS实现表格功能（不支持IE6、IE7）

DIV+CSS实现表格功能（不支持IE6、IE7） 有个简单的方法，使用display:table，display:table-row，display:table-cell就可以实现，而且支持元素的垂直居中对齐，关联伸缩（高度小的容器会自适应那些高度相对较高的），但IE6/7不支持此属性。 与其他一些display属性类似，table-cell同样会被其他一些CSS属性破坏，例如：float,

CSS
DIV
表格
原创 2012-12-08 16:20:48 774 阅读

DIV中图片垂直居中

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q

图片
DIV
垂直居中
原创 2012-11-20 17:01:47 821 阅读

IE6.0 position fixed 屏幕绝对定位

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q

IE6
position:fixed
原创 2012-11-19 13:14:19 445 阅读

Opacity多浏览器透明度兼容处理

-webkit-tap-highlight-color:rgba(0,0,0,0);透明颜色设置   用来设定元素透明度的 Opacity 是CSS 3里的一个属性。当然现在还只有少部分浏览器支持。   不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari：   IE: filter:alpha(opacity) Moz

兼容
透明
Opacity
原创 2012-11-09 17:19:55 537 阅读

png透明问题解决方法（png图片ie6不兼容问题）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q

ie6
透明
png
原创 2012-11-09 17:14:40 1015 阅读

div内ul横排水平居中-display:inline

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q

div
display:inline
ul
横排水平居中
原创 2012-07-28 10:46:01 2119 阅读

frame 滚动条兼容ie6789及firefox，支持w3c

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q

frame滚动条
兼容ie6789及firefox
支持w3c
原创 2012-06-21 17:23:09 451 阅读

最新区分兼容IE6/IE7/IE8/IE9/FF的CSS HACK写法

HACK原理:不同浏览器对各中字符的识别不同     在 CSS中常用特殊字符识别表: (1)*: IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的; (2)!important: 除IE6不能识别 !important外, FF+IE8+IE7都能识别!important ; (3)_ : 除IE6支持_ 外, FF+IE8+IE7都不支持_;

IE7
IE6
FF
IE8
IE9
CSS HACK写法
原创 2012-06-21 17:21:31 441 阅读

css控制文章内容页面中图片大小

我们常常会遇到这种情况，当在后台插入新闻的时候，我们会遇到插入图片，有的图片很宽，如果全部显示的话，前台的样式就肯定会乱，这种问题如何来解决呢？能不能把图片按比例缩小呢？？？ 用css来强制按比例压缩图片的高度或宽度 css代码如下： <style type="text/css"> <!-- img,a img{ border:0; marg

css
控制
图片大小
原创 2012-06-21 15:45:34 969 阅读

网页的浏览器兼容性设计

1. <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--> 2. <!--[if IE]> 所有的IE可识别 <![endif]--> 3. <!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]--> 4. <!--[if I

浏览器
网页
兼容
原创 2012-06-20 17:08:24 505 阅读

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯