究竟该用字体图标、图片图标、还是CSS画一个图标？我也不知道。各有千秋吧。本文将介绍如何用css绘制简单的图形，所有测试在chrome58.0完成，如果你不能得到正确结果请到caniuse查一查看看是不是需要什么前缀。 一、基础 ! DOCTYPE html html head title basic shapes...

2018-06-24 01:16:56

最近因为工作接触到rem与px之间的换算，之前知道一些，不过还是比较笼统模糊，用起来不是很明白，后来自己查了点资料，以及亲自测试总算明白它们之间是怎么换算的了。 rem是一个相对值，它相对于根元素html，所以我们在使用的时候需要设置html的font-size值，内容大小...

2018-06-24 01:17:00

在js中获取元素节点有DOM对应的方法如getElementsByTagName()等等。。对于获取子元素还有另外一种获取方法 ChildNodes 不过ChidNodes在高级浏览器除（IE6-8）里面来说是"不太正常"的,因为它除了获取到了元素节点的同时也获取到了文本节点，这就是传说中的买一送一？不...

2018-06-24 01:16:57

结构伪类是css3新增的类型选择器。E:nth-child(n)、E:nth-of-type(n)就是其中之二。搞懂了这两个，基本上跟他俩一家的其他几个兄弟伙基本上也可以弄懂了。 首先先用文字语言来描述一下这俩： E:nth-child(n)： 选择父元素下的第n个子元素，并且这第n个子元素的类型为E,...

2018-06-24 01:16:44

一个元素有且只能有1个id，且全文中此id只能出现在一个元素上 一个元素不能写多次class，比如 div class="a" class="b"/div 这样写的话，第2个class会不生效（出现这个问题是因为我写标签时，其中的属性过多，忘记了前面已经定义了一个class，就又写了一个，所以后面的...

2018-06-24 01:16:52

这俩天闲来没事淘宝逛了一圈看到淘宝的左侧导航菜单做的是真心的棒啊，一时兴起，查了点资料抓了几个图片仿淘宝写了个css，时间紧写的不太好，大神勿喷，给小白做个参考 废话不多说先来个效果图 接下来直接上代码，图片没法传，只能直接放代码下边，辛苦点一张一张扣去...

2018-06-24 01:16:46

不管是左是右，反正就是一边宽度固定，一边宽度自适应。 博客园的很多主题也是这样设计的，我的博客也是右侧固定宽度，左侧自适应屏幕的布局方式。 html代码： div id ="wrap" div id ="sidebar" style ="height:500px;background:red;color:#fff;" 固定宽度区 / div d...

2018-06-24 01:16:36

实现如图所示的点点点loading效果： 一：CSS3 animation实现代码 html代码: 提交订单中 span class ="ani_dot" ... / span css代码： .ani_dot { font-family : simsun ; } :root .ani_dot { /* 这里使用Hack是因为IE6~IE8浏览器下， vertical-align解析不规范，值为bo...

2018-06-24 01:16:40

一个朋友面试的题目，百度了一下这个中软高科貌似是一个培训机构。。。 以下答案是我本人的理解，仅供参考 HTML+CSS 1、你能解释一下css的盒子模型吗？ 有两种盒子模型：IE盒子模型，W3C盒子模型。 标准的CSS盒子模型包括：内容（content）、填充（padding）、边框（bo...

2018-06-24 01:16:38

-------------------sibling选择器如何在完成复杂设计要求的同时，保持CSS可读 这是web前端开发过程中开始简单逐步变的复杂的例子之一：将一篇文章中的所有元素应用垂直边距（vertical margins），例如由复杂markdown编译来的博客文章。 大多数情况下，你必须要处理很...

2018-06-24 01:16:17