文章分类 -  CSS

上一页 1 2
CSS z-index 属性的使用方法和层级树的概念
摘要：CSS中的z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺序捉摸不透, 将 z-index 的值设得很大也未必能将节点显示在最前面. 本文将通过一些例子对 z-index ... 阅读全文
posted @ 2015-07-27 18:03 半前端半设计的四不像 阅读(232) 评论(0) 推荐(0)
css border画图
摘要：css border属性竟然可以用来画图，今天项目中遇到该问题，借此有机会深入了解了下。 css border属性在我的印象当中只是方方正正的东西，无非就是增加边框的宽度，变换边框的颜色，因此一直以为边框不管怎么变换都是一个长方体，这个念头今天终于可以抛弃了。 先看下普通边框效果： .bo... 阅读全文
posted @ 2015-07-07 17:04 半前端半设计的四不像 阅读(272) 评论(0) 推荐(0)
用CSS的border属性实现小三角和尖角标签按钮
摘要：在网上经常看到类似这样尖角的效果~实现的原理其实很简单，就是在一个宽高为0像素的块状元素中设置border属性，例如：.box1{ width:0px; height:0; border-top:50px solid #F00; border-right:50px solid #03F; borde... 阅读全文
posted @ 2015-07-07 17:03 半前端半设计的四不像 阅读(924) 评论(0) 推荐(0)
CSS 背景-CSS background
摘要：CSS 背景-CSS backgroundCSS background目录CSS背景语法css背景色css背景图片背景居中复合背景样式简写背景background总结一、Css background背景语法 - TOPCSS背景基础知识CSS 背景这里指通过CSS对对象设置背景属性，如通过CSS设... 阅读全文
posted @ 2015-06-27 10:17 半前端半设计的四不像 阅读(482) 评论(0) 推荐(0)
Background-Size
摘要：Background-Size:[|| auto ]{1,2} | cover | containbackground-size指定背景大小，以象素或百分比显示。当指定为百分比时，大小会由所在区域的宽度、高度，以及background-origin的位置决定。还可以通过cover和contain来对... 阅读全文
posted @ 2015-06-25 17:14 半前端半设计的四不像 阅读(154) 评论(0) 推荐(0)
响应式web设计之@media screen
摘要：Media Queries，其作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备。那么，Media Queries是如何工作的？两种方式，一种是直接在link中判断设备的尺寸，然后引用不同的css文件：意... 阅读全文
posted @ 2015-06-16 10:33 半前端半设计的四不像 阅读(165) 评论(0) 推荐(0)
请用fontAwesome代替网页icon小图标
摘要：1. 引言网页小图标到处可见，如果一个网页都是干巴巴的文字和图片，而没有小图标，会显得非常简陋。下面的小图标，你是不是会经常用到？你可能说——“我们用的都是彩色的，不是黑白的”——别着急，下面会讲到。因为它们也可以变为彩色的。黑白的也好，彩色的也罢，如果用传统的“css + 图片”的方式来制作这些i... 阅读全文
posted @ 2015-06-12 20:28 半前端半设计的四不像 阅读(150) 评论(0) 推荐(0)
iconfont-矢量图标字体的运用
摘要：发现一个奇怪的现象：(http://m.muzhiwan.com)这里面的图标竟然不是一张张小图标图片？Firebug下查看一下元素，竟然是这样的：页面源代码如下：好奇怪啊，这些个乱七八糟的&#xfxxx难道就是对应的图标？于是产生了好奇心，百度一下，发现原来这是矢量图标字体！使用icon font... 阅读全文
posted @ 2015-06-12 19:47 半前端半设计的四不像 阅读(327) 评论(0) 推荐(0)
CSS中zoom:1的作用 ，小标签大作用
摘要：CSS中zoom:1的作用兼容IE6、IE7、IE8浏览器，经常会遇到一些问题，可以使用zoom:1来解决，有如下作用：触发IE浏览器的haslayout解决ie下的浮动，margin重叠等一些问题。比如，本站使用DIV做一行两列显示，HTML代码：推荐文章CSS库吧原创CSS代码：.h_mainb... 阅读全文
posted @ 2015-05-18 12:50 半前端半设计的四不像 阅读(72) 评论(0) 推荐(0)
兼容性好的CSS字体投影
摘要：兼容性良好的css文字描边　兼容性良好的css文字描边容器好像需要宽度高度，要不然会不显示的！偶尔发现的。具体的大家可以仔细研究！描边了吗描边了吗描边了吗描边了吗描边了吗描边了吗　原文链接：http://www.cnblogs.com/beblue/archive/2013/02/16/291339... 阅读全文
posted @ 2015-05-18 12:44 半前端半设计的四不像 阅读(191) 评论(0) 推荐(0)
CSS中的行为 -- expression
摘要：CSS中的行为——expression最近对CSS中的行为比较感兴趣，虽然是不符合标准的也只有ie才能识别，但是他确实给css的功能扩展了不少。下面是摘自互联网上的文字和例子，因为都被转烂了，没法注明出处。IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascrip... 阅读全文
posted @ 2015-05-18 12:32 半前端半设计的四不像 阅读(131) 评论(0) 推荐(0)
FILTER:progid:DXImageTransform.Microsoft.Gradient使用
摘要：FILTER:progid:DXImageTransform.Microsoft.Gradient使用语法：filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColor... 阅读全文
posted @ 2015-05-18 12:29 半前端半设计的四不像 阅读(168) 评论(0) 推荐(0)
HTML，CSS，font-family：中文字体的英文名称
摘要：宋体SimSun黑体SimHei微软雅黑MicrosoftYaHei微软正黑体MicrosoftJhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体KaiTi仿宋_GB2312FangSong_GB2312楷体_GB2312K... 阅读全文
posted @ 2015-05-18 12:24 半前端半设计的四不像 阅读(184) 评论(0) 推荐(0)
IE矩阵滤镜Matrix旋转与缩放及结合transform的拓展
摘要：一、前面的点唠叨 IE浏览器下Matrix滤镜可以实现旋转效果早在去年1月份在“图片旋转效果的一些研究、jQuery插件及实例” 一文中就有过还算详细的介绍。//zxx:其中还提及BasicImage滤镜-亦可旋转与翻转 这里之所以要重新嚼以前嚼过的烂叶子是因为我之前以为IE Matrix矩阵滤镜只 阅读全文
posted @ 2015-05-18 12:20 半前端半设计的四不像 阅读(370) 评论(0) 推荐(0)
两种自定义html滚动条
摘要：默认的html滚动条很难看，一些漂亮的网站，滚动条都是针对网站整体样式配套设计的。在网上搜索到两种改造方式。一种是给默认滚动条设置样式，另一种是使用设计好的图片+css+js。都挺好用的。第一种（纯css）：完成后.div{ scrollbar-face-color: #ebebeb;scrollb... 阅读全文
posted @ 2015-05-18 11:59 半前端半设计的四不像 阅读(834) 评论(0) 推荐(0)
理解伪元素 :before 和 :after
摘要：原文出处：Thoriq Firdaus译文出处：听海阁（@听海JamiE）欢迎分享原创到伯乐头条层叠样式表（CSS）的主要目的是给HTML元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。你一定听... 阅读全文
posted @ 2015-05-18 11:53 半前端半设计的四不像 阅读(172) 评论(0) 推荐(0)
必须记住的 30 类 CSS 选择器
摘要：也许你了解了基本的id,class和descendant选择器，并且整天都在调用，如果是这样的话，那你正在错过拥有灵活性更大的选择器。这篇文章里面提到的大部分选择器都是在CSS3标准下的，所以它们只能在相应最新版本的浏览器中才能生效，你完全应该把这些都记在你聪明的脑袋里面。1. *1234* {ma... 阅读全文
posted @ 2015-05-18 11:51 半前端半设计的四不像 阅读(113) 评论(0) 推荐(0)
30个最常用CSS选择器解析
摘要：你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。1. *1234* {margin: 0;padding: 0;}星状选择符会... 阅读全文
posted @ 2015-05-18 11:50 半前端半设计的四不像 阅读(136) 评论(0) 推荐(0)
CSS技巧（一）：清除浮动
摘要：什么是CSS清除浮动？在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进... 阅读全文
posted @ 2015-05-15 11:28 半前端半设计的四不像 阅读(112) 评论(0) 推荐(0)

上一页 1 2