BigDaruizi的博客

在进行设计页面的时候，往往会遇到列表的前面或者文字的后面需要用到箭头的情况，我们可以直接用图片作背景填充，也可以用CSS代码实现，使用后者会比较方便，兼容性顾虑相对而言也会减少。小了解：在这里使用了两种方法实现，第一种是利用CSS3中的【transform】，我们可以先实现一个没有背景填充小正方形，设置它的边框、翻转就可以实现；第二种是利用伪类【：after】，设定一个高宽相等的正方形，选取...

       导航栏对于一个网站来说非常重要，熟练地使用CSS可以转换成好看的导航栏而不是枯燥的HTML菜单。导航栏基本上是一个链接列表，所以使用 <ul></ul>和 <li></li> 元素非常有意义，导航栏就是建立在列表标签的精确熟练使用上。小复习：伪类的使用方法（图片来源于W3Cschool）（一）垂直导航栏示例 ...

         这几天在做网页的时候，有时候会需要一张图片中的局部产生链接，也就是<map></map>标签，而此标签可以和   <area>标签一起使用，来达到定义图像的映射（图像映射指的是带有可点击区域的图像）。<area>标签和<a>标签的区别不是很大，前者可以定义链接的区域。几个属性： shape ：表示点击热点区域的...

       之前知道盒子模型，但是没有进入到更深层次的理解中去，昨天晚上在做一个页面内的导航栏时，出现了很多问题。所以今天在这里将有关盒子模型以及自己出现的问题整理一下，加深巩固。       1、什么是盒子模型？        网页中间每一个元素都被表示为一个矩形的盒子，这个盒子的各种属性是浏览器渲染的目标。CSS中规定了盒子的包装样式，盒子的摆放位置，盒子的长宽高等等，开发的页面就好...

      今天在写页面的时候发现层布局中设置的z-index起不了任何作用，在查阅文档后，发现了问题所在，特意总结如下，以免以后遗忘。（截图来源于W3Cschool）       z-index是针对网页显示中的一个特殊属性。因为显示器是显示的图案是一个二维平面，拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别。表示一个...

一个前端页面开始的须知——HTML链接CSS的方法&优先级