首页 新随笔 联系 订阅 管理 个人网站

随笔分类 -  CSS样式

上一页 1 2
[转载]css3属性box-sizing:border-box的作用
摘要：http://jastate.com/css3-properties-box-sizingborder-box.html定义和用法按照w3c school的说法，box-sizing:border-box就是box-sizing属性允许您以特定的方式定义匹配某个区域的特定元素那么这句话是什么意思呢？... 阅读全文
posted @ 2014-11-10 21:31 __不粘锅 阅读(1726) 评论(0) 推荐(0)
CSS3 Box-sizing
摘要：box-sizing是CSS3的box属性之一。一说到CSS的盒模型（Box model）我想很多人都会比较烦，特别是对于新手，然而这个Box model又是我们CSS运用中比较重要的一个属性。那么CSS3的Box-sizing跟盒模型有什么关系呢？第一句话就说了，Box-sizing是CSS3的B... 阅读全文
posted @ 2014-11-10 21:27 __不粘锅 阅读(208) 评论(0) 推荐(1)
获取元素CSS值之getComputedStyle方法熟悉
摘要：一、碎碎念~前言 我们都用过jQuery的CSS()方法，其底层运作就应用了getComputedStyle以及getPropertyValue方法。 对于那些只想混口饭吃的人来讲，晓得CSS()如何使用就足够了。对于希望在JS道路上越走越远的来人说，简单了解一些JS库底层实现对自己的学习很有帮助。... 阅读全文
posted @ 2014-09-24 21:40 __不粘锅 阅读(1037) 评论(0) 推荐(0)
最近写的一个鼠标从上到下滑动，，高大上~
摘要：New Document 尊敬的贵宾， 请选择本次旅行类型： 自由行 ￥1898/起 自发团 ￥1898/起 精品团 ￥1898/起 高端团 ￥1898/起 阅读全文
posted @ 2014-09-17 17:12 __不粘锅 阅读(227) 评论(0) 推荐(0)
css 溢出文本显示省略号
摘要：这个标题其实已经是一个老生常谈的问题了。很多时候，比如网站最基本的文章列表，标题会很长，而显示列表的区域宽度却没有这么宽，这时候最正常的做法就是 让超出宽度的部分文字用省略号(…)来表示。通常做法是网站后台程序截取一定的字符然后输出到前台显示或者前台用javascript截取一定的字符，但 是通过控... 阅读全文
posted @ 2014-09-12 13:35 __不粘锅 阅读(332) 评论(0) 推荐(0)
CSS3学习之圆角box-shadow,阴影border-radius
摘要：最近经常玩腾讯微博,出来职业习惯,看看它的CSS,里面运用了大量的css3的东东,有一处用到了Data URI,还有css e­xpression有争议的地方,对png24图片的处理也是用滤镜,类似(padding-top:2px\0)欠考虑!看了腾讯的,下午就学了一下css3的东东!打算以后的项目... 阅读全文
posted @ 2014-09-07 15:13 __不粘锅 阅读(399) 评论(0) 推荐(0)
CSS3 transition 动画过度属性
摘要：请把鼠标指针移动到蓝色的 div 元素上，就可以看到过渡效果。注释：本例在 Internet Explorer 中无效。 阅读全文
posted @ 2014-09-02 16:06 __不粘锅 阅读(323) 评论(0) 推荐(0)
换行word-wrap与word-break兼容IE和FIREFOX -----设计师零张
摘要：word-wrap是控制换行的。使用break-word时，是将强制换行。中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。word-break是控制是否断词的。normal是默认情况，英文单词不被拆开。break-all，是断开单词。在单词到边界时，下个字母自动到下一行。主要解决... 阅读全文
posted @ 2014-09-01 12:00 __不粘锅 阅读(412) 评论(0) 推荐(0)
css之自动换行-设计师零张
摘要：自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html正常文字的换行(亚洲文... 阅读全文
posted @ 2014-08-18 21:03 __不粘锅 阅读(153) 评论(0) 推荐(0)
@media
摘要：构：@mediaall and( min-width:600px){样式表:即.mainbox{ background:#fff000;}}all可指定的值：样式表：使用and关键字来指定当某种设备类型的某种特性的值满足某个条件时所使用的样式，譬如以下语句指定了当窗口宽度小于640px时所使用的样式... 阅读全文
posted @ 2014-08-13 22:13 __不粘锅 阅读(342) 评论(0) 推荐(0)
CSS实现背景透明/半透明效果的方法
摘要：全透明代码:{background:transparent} 半透明代码:{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}其他的还有不少文章，有个不错，如何用CSS实现背景半透明效果？ 内容详细如... 阅读全文
posted @ 2014-07-21 15:21 __不粘锅 阅读(1736) 评论(0) 推荐(0)
[转载]网页字体设置你了解吗？
摘要：以前做项目的时候就依葫芦画瓢的设置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体，然而当更多的设备和系统出现后，以前这样的设置已不能满足网页在各设备上的显示需求。就拿最简单的宋体(simsun)来说吧，在Window... 阅读全文
posted @ 2014-07-18 08:19 __不粘锅 阅读(181) 评论(0) 推荐(0)
CSS3属性之一：border-radius
摘要：语法：border-radius：none| {1,4} [ / {1,4} ]?相关属性： border-top-right-radius , border-bottom-right-radius , border-bottom-left-radius , border-top-left-radi... 阅读全文
posted @ 2014-07-13 20:32 __不粘锅 阅读(197) 评论(0) 推荐(0)
火狐和IE之间的7个JavaScript差异
摘要：尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了，但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。这篇文章中，我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的... 阅读全文
posted @ 2014-07-10 16:58 __不粘锅 阅读(164) 评论(0) 推荐(0)
div 显示滚动条的CSS代码
摘要：div显示上下左右滚动条 这里是你要显示的内容 div显示上下滚动条的css代码 这里是你要显示的内容 div显示左右滚动条的css代码 这里是你要显示的内容 修改滚动条颜色的代码SCROLLBAR-FACE-COLOR(立体滚动条凸出部分的颜色)SCROLLBAR-HIGHLIGHT-COLOR(... 阅读全文
posted @ 2014-06-27 10:52 __不粘锅 阅读(175) 评论(0) 推荐(0)
web中自定义鼠标样式（转）
摘要：最近写项目需要实现一个功能：鼠标移动到一个图片左边显示左箭头，移动到右边显示右箭头。实现方法：一个img上面定位两个div，div的样式如下：12345678910111213141516171819.toleft{width: 200px;height: 300px;position: absol... 阅读全文
posted @ 2014-06-03 17:55 __不粘锅 阅读(375) 评论(0) 推荐(0)
CSS定义网页滚动条
摘要：（一）滚动条样式主要涉及到如下CSS属性:overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容overflow: auto; 在需要时内容会自动添加滚动条overflow: scroll; 总是显示滚动条overflow-x: hidden; 禁止横向的滚动条overfl... 阅读全文
posted @ 2014-05-13 14:08 __不粘锅 阅读(327) 评论(0) 推荐(0)
网页中flash背景透明
摘要： 阅读全文
posted @ 2014-04-26 16:31 __不粘锅 阅读(206) 评论(0) 推荐(0)
CSS 中文字体的英文名称 (simhei, simsun) 宋体 微软雅黑
摘要：Mac OS的一些：华文细黑：STHeiti Light [STXihei]华文黑体：STHeiti华文楷体：STKaiti华文宋体：STSong华文仿宋：STFangsong俪黑 Pro：LiHei Pro Medium俪宋 Pro：LiSong Pro Light标楷体：BiauKai苹果俪中黑... 阅读全文
posted @ 2014-04-22 11:51 __不粘锅 阅读(353) 评论(0) 推荐(0)

上一页 1 2