css
-
剖析CSS Position定位
当人们刚接触布局的时候都比较倾向于使用定位的方式。因为定位的概念看起来好像比较容易掌握。表面上你确切地指定了一个块元素所处的位置那么它就会坐落于那里。可是定位比你刚看到的时候要稍微复杂一点。对于定位来说，有一些东西会绊倒新手，所以在它成为你的惯用技巧前你需要掌握它们。 一旦你更深入…
-
css中px、em和rem的区别
前言 em 和 rem 都是灵活可扩展的单位，由浏览器转换为像素值，取决于设计中的字体大小，如果使用值 1em 或 1rem ，它可以被浏览器转换为从 16px 到 160px 或其他任意值。浏览器使用 1px ，那么 1px 始终显示为完全 1px。 em 和 rem 的相同点 使用 em 和 r…
-
rem — 低调的css单位
rem这是个低调的 css 单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。 rem是什么？ rem（font size of the root element）是指相对于…
-
用CSS实现带箭头的流程进度条
本文介绍的是利用纯css的带箭头流程进度条，兼容到ie8，需要的朋友们下面来一起学习学习。 首先写出一个基本的样式。 .cssNav li{ padding: 0px 20px; line-height: 40px; background: #50abe4; display: inline-bloc…
-
CSS与HTML使用误区
误区一.多p症 Home About Concact 上述使用使用多余的p标签现状，就称为“多p症”，理应简化成下 Home About Concact误区二.多类class症 注意点class可以应用于页面任意多个元素，非常适合标识内容类型或其他相似的条目 立即学习“前端免费学习笔记（深入）”…
-
CSS属性transparent实现各种三角形示例
效果图如下 示例代码 *{ margin: 0; padding: 0; } .box{ margin: 40px auto; width: 60px; background-color: #f0ac6b; } .t1{ margin: 40px auto; width: 0px; height: …
-
CSS实现书签效果实例
这篇文章通过纯css代码写了个书签效果，实现后的书签效果很漂亮，文中给出了完整的示例代码，实现的代码也很简单，很方便大家理解和学习，有需要的朋友们可以参考学习，下面来一起学习学习吧。 实现的效果图如下： 示例代码如下： border制作书签（图形） .p2:before { /*做一个书签效果*/ …
-
CSS设定一个元素半透明
这篇文章主要介绍了用css设定一个元素半透明的相关资料,非常不错，具有参考借鉴价值，需要的朋友参考下吧 .opacity{ filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* 老版Mozilla */ -khtml-opacity:0.5;…
-
css中的三种定位机制
css中的三种基本定位机制 a.普通文档流 b.定位：相对定位 绝对定位 固定定位 立即学习“前端免费学习笔记（深入）”； c.浮动 1.普通流中，元素位置由文档顺序和元素性质决定，块级元素从上到下依次排列，框之间的垂直距离由框的垂直margin值计算得到，行内元素在一…
