CSS
文章平均质量分 85
FacebookTop
世界从不公平 努力是唯一的出路
展开
-
CSS 优化
属性值的简写形式 1.如果给出2个属性值,前者表示上下的属性,后者表示左右的属性; 2.如果给出3个属性值,前者表示上的属性,中间的数值表示左右的属性,后者表示下的属性; 3.如果给出4个属性值,依次表示上、右、下、左的属性,即顺时针排序。{margin-top :5px; margin-right:10px; margin-bottom:5px;原创 2015-07-15 21:29:54 · 399 阅读 · 0 评论 -
html常用的标签
1:span css中属于一个行内元素 在行内定义一个区域 也就是一行内可以被span划分几个区域,从而实现某种特定效果,他本身没有属性 。 在CSS定义中属于一个块级元素 可以包含段落、标题、表格甚至其它部分。这使DIV便于建立不同集成的类,如章节、摘要或备注。在页面效果上,使用 会自动换行,使用 就会保持同行(比如可以在导航里面使用span 来划分区域)。高手都不能错过的cs原创 2015-07-16 20:53:58 · 500 阅读 · 1 评论 -
CSS盒子模型
CSS 盒子模型border-style : 边框样式 none (默认) | hidden (隐藏) | dotted(虚线) | dashed(点线) | solid(实线)padding 内边距 margin 外边距 : 当margin设为负数时,会使被设为负数的块向相反的方向移动,甚至覆盖在另外的块上。当块之间是父子关系时,通过设置子块的margin参原创 2015-07-14 19:34:15 · 468 阅读 · 0 评论 -
CSS 伪元素 伪类
1:伪元素是一个非常重要的概念!:before 和:after非常常用。 css伪类 用于向某些选择器添加特效的效果 为元素用于将特殊的效果添加到某些选择器 正好相反 css3里面伪类是一个: 伪元素用两个冒号原创 2015-07-20 18:57:22 · 415 阅读 · 0 评论 -
CSS 之float
1: float的设计初衷是 为了文字的环绕效果 破坏性 首先大家来看两个demo,如下图。第一个demo是一个简单不过的例子,显示效果也很正常。第二个demo,唯一的区别就在于加了float:left,上层的却出现了“坍塌”现象。 不过,这就是float的“破坏性”——float破坏了父标签的原本结构,使得父标签出现了坍塌现象。导致这一现象的最根本原因在于:被转载 2015-07-23 23:00:34 · 513 阅读 · 0 评论 -
CSS3 Box-shadow
CSS3 的 box-shadow 有点类似于 text-shadow,只不过不同的是 text-shadow 是对象的文本设置阴影,而 box-shadow 是给对象实现图层阴影效果。本文我们搁下IE不谈,只谈谈 box-shadow 的具体使用方法语法:1box-shadow:insetx-offset y-offset blur-rad转载 2015-12-15 10:25:04 · 444 阅读 · 0 评论 -
CSS 之rem
开始的时候为了解决适配的字体问题我们用了em 但是它需要一个参考点em:一般来说都是以body的font-size = 16px;为基准 所以 我们可以使用1em = 10px 比如说我们使用“1em”等于“10px”来改变默认值“1em=16px”,这样一来,我们设置字体大小相当于“14px”时,只需要将其值设置为“1.4em”。“li”的“1.4em”是不是“14px”将是一个问号原创 2015-12-15 13:50:07 · 1432 阅读 · 0 评论 -
CSS 垂直居中
Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂直居中……实际上,实现垂直居中仅需要声明元素高度和下面的CSS:[css] view plain copy .Absolute-Center { margin: auto; position: ab转载 2016-03-01 11:56:45 · 605 阅读 · 0 评论