随笔分类 -  22 CSS

1 2 下一页
js 批量设置css样式
摘要：在js中更换样式比较常见，但是批量设置比较少遇见； 但是在做就是插件时，不想额外的添加css文件（需要导入，还可能引起冲突），能批量设置就比较方便了。 以下代码是来自网上的三种方法，使用第二种最方便了。 对于第三种为啥不使用width，是因为它有存在兼容性的问题。 详解请看http://blog.s 阅读全文
posted @ 2016-12-14 14:22 心存善念 阅读(5898) 评论(0) 推荐(0) 编辑
ttf,eot,woff,svg,字体格式介绍及使用方法
摘要：TrueType EOT – Embedded Open Type (.eot) OpenType (.otf) WOFF – Web Open Font Format (.woff) WOFF（Web开发字体格式）是一种专门为了Web而设计的字体格式标准，实际上是对于TrueType/OpenTy 阅读全文
posted @ 2016-11-01 12:54 心存善念 阅读(18317) 评论(0) 推荐(2) 编辑
ACE admin 后台管理框架
摘要：一、样式 1.常见按钮 .btn-app .btn-group .btn-corner .btn-xs .btn-sm .btn-mini .btn-minier .btn-defalut .btn-danger .btn-info .btn-primary .btn-success .btn-wa 阅读全文
posted @ 2016-06-23 15:38 心存善念 阅读(7216) 评论(0) 推荐(0) 编辑
css中如何设置字体
摘要：来自百度的回答：建议使用font-family: "Microsoft YaHei";支持UTF-8和GB2312字符集。不生效的3种情况：1.当此属性定义的是全局样式时，对于表单类的标签就不会生效，还需要再次定义如：body {font-family: "Microsoft YaHei";}对表单... 阅读全文
posted @ 2015-12-22 09:59 心存善念 阅读(1182) 评论(0) 推荐(0) 编辑
行文本溢出显示省略号(...)的方法
摘要：个人使用的方法.ellipsis1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.ellipsis2 { text-overflow: -o-ellipsis-lastline; o... 阅读全文
posted @ 2015-11-11 16:58 心存善念 阅读(1281) 评论(0) 推荐(0) 编辑
web app iphone4 iphone5 iphone6 iphone6 Plus响应式布局 适配代码
摘要：来源：http://www.phptext.net/article_view.php?id=387------------------------------------------------------------------------------------------------文章摘要：... 阅读全文
posted @ 2015-10-28 16:05 心存善念 阅读(339) 评论(0) 推荐(0) 编辑
css3 box-sizing属性
摘要：个人总结：如果需要兼容IE6 IE7，使用content-box。现在流行bootstrap3，需注意它使用的是border-box。box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。content-box，border... 阅读全文
posted @ 2015-10-14 10:02 心存善念 阅读(245) 评论(1) 推荐(0) 编辑
CSS技巧（一）：清除浮动
摘要：什么是CSS清除浮动？在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素， 在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的 出现... 阅读全文
posted @ 2015-10-08 18:14 心存善念 阅读(331) 评论(0) 推荐(0) 编辑
条件注释判断浏览器版本<!--[if lt IE 9]>
摘要：除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 仅IE8可识别 仅IE9可识别 项目范例说明![if !IE]The NOT ope... 阅读全文
posted @ 2015-09-23 11:38 心存善念 阅读(370) 评论(0) 推荐(0) 编辑
CSS IE6/7/8, Firefox, Safari, Chrome, Opera Hack使用简要归纳（转）
摘要：网上有很多关于IE6/7/8, Firefox, Safari, Chrome, Opera CSS Hack的文章，但我觉得太过繁杂，要不给出一张看也看不懂的CSS Hack归纳表，要不就是给出一大堆代码说明问题，不便于学习与使用。我根据自己的使用情况来简单地归纳了一下IE6/7/8, Firef... 阅读全文
posted @ 2015-09-23 10:33 心存善念 阅读(332) 评论(0) 推荐(0) 编辑
小tips: 使用&#x3000;等空格实现最小成本中文对齐
摘要：一、重见天日第二春11年的时候，写了篇文章“web页面相关的一些常见可用字符介绍”，这篇文章里面藏了个好东西，就是使用一些空格实现个数不等的中文对齐或等宽。见下表：字符以及HTML实体描述以及说明这是我们使用最多的空格，也就是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是... 阅读全文
posted @ 2015-09-22 10:21 心存善念 阅读(1355) 评论(0) 推荐(0) 编辑
IE8 HACK介绍
摘要：1.‘\9’: eg:.test { color/*\**/: blue\9 }.header {width:300px;} /* 所有浏览器*/.header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */.header {*width:310px;} /* IE7... 阅读全文
posted @ 2015-09-01 13:44 心存善念 阅读(355) 评论(0) 推荐(0) 编辑
css position, display, float 内联元素、块级元素
摘要：position属性：position属性指出一个元素的定位方法。有4种可能值：static, relative, absolute or fixed： static：默认值，元素按照在文档流中出现的顺序渲染absolute：绝对定位，元素相对于它的第一个被定位的祖先元素（非static）来进行定位... 阅读全文
posted @ 2015-08-28 08:53 心存善念 阅读(465) 评论(0) 推荐(1) 编辑
jQuery offset，position，offsetParent，scrollLeft，scrollTop html控件定位 css position
摘要：定位应用：点击一个按钮，然后在按钮的右边弹出一个提示框 1，提示框相对于屏幕进行定位，那么使用offset来取得当前按钮相对于body的top和left，然后通过$('body').prepend(tipContent);把提示控件加到body下注意tipContent采用absolute定位，并设... 阅读全文
posted @ 2015-08-28 08:51 心存善念 阅读(1837) 评论(0) 推荐(0) 编辑
html中label宽度设置、非替换元素和替换元素
摘要：单独对label设置一个width:100px的属性石不起作用的，和float:left或者display：inline-block配合的话 都可以设置上参考：css position, display, float 内联元素、块级元素在 CSS 中，任何元素都可以float浮动。浮动元素会生成一个... 阅读全文
posted @ 2015-08-28 08:48 心存善念 阅读(1422) 评论(0) 推荐(0) 编辑
css默认值汇总
摘要：原文：http://www.cnblogs.com/xiangzi888/archive/2011/10/12/2209514.htmlHTML标签CSS属性默认值汇总这个东西，在你需要还原默认值的时候，比较有用。开始的时候 *{margin:0;padding:0;}，当需要使用边距的时候，就需要... 阅读全文
posted @ 2015-07-21 16:16 心存善念 阅读(453) 评论(0) 推荐(0) 编辑
转载:火狐的默认样式表
摘要：每个浏览器都有自己的默认样式，这是一段预定义的CSS，用以简单地呈现网页。在Firefox中的地址栏中输入resource://gre/res/html.css即可以看到该浏览器的默认样式。在Firebug 1.2 Alphas的styles中就可以看到默认样式对页面定义样式的影响。毫无疑问，理解和... 阅读全文
posted @ 2015-07-21 15:40 心存善念 阅读(510) 评论(0) 推荐(0) 编辑
浅析CSS——元素重叠及position定位的z-index顺序
摘要：多次在项目中遇到html页面元素的非期待重叠错误，多数还是position定位情况下z-index的问题。其实每次解决类似问题思路大致都是一样的，说到底还是对z-index的理解比较模糊，可以解决问题却不大了解其原因，导致重复出错......于是决定把重叠问题弄清下，把z-index理顺下。经过一番... 阅读全文
posted @ 2015-07-21 14:30 心存善念 阅读(11858) 评论(0) 推荐(6) 编辑
浏览器默认样式（User Agent Stylesheet）
摘要：原文：http://www.zjgsq.com/898.html不同浏览器对于相同元素的默认样式并不一致，这也是为什么我们在CSS的最开始要写 * {padding:0;marging:0}；不过现在说的可不只是这些。基本上，不同内核的两个浏览器在某些元素的表现都会存在差异，比如缩进的大小、字体选择... 阅读全文
posted @ 2015-07-21 12:13 心存善念 阅读(38068) 评论(0) 推荐(4) 编辑
Open Sans字体兼容问题解决办法[font-face]
摘要：参考：http://www.tantengvip.com/2014/11/open-sans/1.font-face使用方法font-face是CSS3中的一个模块，主要是把自定义的Web字体嵌入到网页中@font-face的语法规则：@font-face {font-family: ;src: ... 阅读全文
posted @ 2015-07-14 10:20 心存善念 阅读(6450) 评论(0) 推荐(0) 编辑

1 2 下一页
点击右上角即可分享
微信分享提示