HTML/CSS
文章平均质量分 54
ximengyun
这个作者很懒,什么都没留下…
展开
-
CSS 各浏览器 透明效果
透明效果.transparent{filter:alpha(opacity=12);-moz-opacity:0.12;opacity:0.12;background-color:#000;height:400px;width:px;}filter:alpha(opacity=12); 支持 IE 浏览器-moz-opacity:0.12; 支持 FireFo原创 2013-05-02 23:10:37 · 635 阅读 · 0 评论 -
CSS 笔记
一、调整字体值的顺序:大多数允许使用多个关键字的CSS属性都允许以任何顺序书写关键字(例如:background),但font属性是很少见的例外之一,它不仅对最基本的关键字组合有限制,还要求按照特定的顺序进行书写。必须按照先字号font-size,然后是字体族font-family。如果颠倒了顺序,或者漏掉了其中的一个,则任何现代浏览器都会完全忽略这条声明。Sub-Pixel原创 2013-05-09 23:01:53 · 864 阅读 · 0 评论 -
CSS 选择器
CSS选择器的优先级:那么你如何计算指定选择器的优先级?如果你考虑到将优先级表示为用逗号隔开的四个数字就会相当简单,比如:1, 1, 1, 1 或0, 2, 0, 1第一个数字(a)通常就是0,除非在标签上使用style属性;第二个数字(b)是该选择器上的id的数量的总和;第三个数字(c)是用在该选择器上的其它属性选择器和伪类的总和。这里包括class (.exam原创 2013-05-08 20:04:57 · 636 阅读 · 0 评论 -
CSS3 :target 伪类
一些URL拥有片段标识符,它由一个#后跟一个锚点或元素ID组合而成,可以链接到页面的某个特定元素,比如#respond。:target伪类选取链接的目标元素,然后供你定义样式。浏览器支持因为我们在讨论CSS3,所以它现在被除了IE6-8以外的所有浏览器支持,但是IE9会支持这个伪类。这是相当遗憾的,但是这个现实并不影响你使用它。如何使用:targetHTML原创 2013-05-07 18:00:14 · 1168 阅读 · 1 评论 -
CSS 水平居中
一、水平居中:①:文本、文本等行内元素的水平居中:给父元素设置text-align:center可以实现文本、图片等行内元素的水平居中:.test { text-align: center;}I am test!②:确定宽度的块级元素的水平居中:确定宽度的块级元素水平居中通过设置margin-left:auto和margin-right:auto来实现:.test { w原创 2013-05-20 22:42:29 · 989 阅读 · 0 评论 -
CSS3 box-shadow和text-shadow
一般我们都是用css3的box-shadow来实现盒投影,用text-shadow来实现文字投影。box-shadowbox-shadow: h-shadow v-shadow blur spread color inset;注释:box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关原创 2013-05-06 18:24:36 · 1128 阅读 · 0 评论 -
CSS3 Border-image
转载自:http://www.w3cplus.com/content/css3-border-imageCSS3中有关于border的属性我们一起学习完了圆角border-radius和边框颜色border-color,只剩下最后一个边框图片border-image。今天我们就一起来学习这个border-image的属性。学习完这个border-image以后,大家一定会很兴奋,因为他转载 2013-05-06 19:26:12 · 1022 阅读 · 0 评论 -
CSS 实现色彩渐变
使用渐变效果可增强它的圆润感和立体感:使用渐变的效果没有使用渐变的效果对于webkit内核浏览器的渐变效果:background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));而对于Firefox浏览器的渐变效果:background: -moz-linear-gra原创 2013-05-06 17:23:41 · 715 阅读 · 0 评论 -
CSS3 RGBA和HSLA色彩模式
在CSS3里可以使用RGBA和HSLA两种色彩模式,二者均可以用来在设置颜色的同时也指定其透明度。RGBA指的是“红色、绿色、蓝色和Alpha透明度”(Red-Green-Blue-Alpha),而HSLA则代表“色调、饱和度、亮度和Alpha透明度”(Hue-Saturation-Lightness-Alpha)。在RGBA模式里,前三个参数分别是红色、绿色和蓝色的强度值,取值从0~255或原创 2013-05-06 14:09:30 · 1785 阅读 · 0 评论 -
自动换行word-break:break-all和word-wrap:break-word的区别
1,word- break:break-all 例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长(congratulation等),它会把单词截断,变成该 行末端为conra(congratulation的前端部分),下一行为tulation(conguatulation)的后端部分了。2,word-wrap:break-word 例子与上原创 2013-05-05 22:58:20 · 682 阅读 · 0 评论 -
用CSS改变选择文本的背景颜色
转载自:http://www.qianduan.net/select-the-text-using-css-to-change-the-background-color.html最近在访问一个网站的时候,我注意到,当其文字被选中时它有一个匹配他的网站的背景色,这个背景色通常是深蓝色。现在,如果您的网站不使用任何蓝色为文字背景,看上去会不会有点不合适?当寻找如何实现这一点的解决办法后原创 2013-05-04 23:31:33 · 1473 阅读 · 0 评论 -
针对IE 编写CSS
1.条件注释:According to the conditional comment this is IEAccording to the conditional comment this is IE 6According to the conditional comment this is IE 7According to the conditional comment原创 2013-05-02 23:26:12 · 578 阅读 · 0 评论 -
CSS优先级
转载自:http://www.qianduan.net/taming-advanced-css-selectors.htmlCSS的优先级在深入研究高级CSS选择器领域之前,理解CSS优先级是如何工作的是很重要的,这样我们就知道如何适当的使用我们的选择器并避免浪费大量的时间来调试一些只要我们注意到优先级的话就很容易被搞定的问题当我们写CSS的时候我们必须注意有些选择器在级联原创 2013-05-03 16:02:24 · 695 阅读 · 0 评论 -
css 高级选择器
1.直接子选择器:使用类似 body > .introSub-Pixel.intro { font-style:italic;}body > .intro { font-weight:bold;} Recipes for Cheese Cheese is a remarkably versatile food,available原创 2013-05-04 16:23:12 · 743 阅读 · 0 评论 -
CSS Bootstrap 栅格系统
Bootstrap默认的栅格系统为12列 ,形成一个940px宽的容器,对于简单的两列式布局,创建一个 .row 容器,并在容器中加入合适数量的 .span* 列即可。由于默认是12列的栅格,所有 .span* 列所跨越的栅格数之和最多是12(或者等于其父容器的栅格数)。带有基本栅格的HTML代码 ... ...上面的代码展示了 .span4 和 .span8 两原创 2013-05-14 17:57:12 · 2227 阅读 · 0 评论