自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 HTML链接CSS的方法

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

2019-05-05 16:04:55 8095

原创 JQuery实现轮播图

JQuery实现轮播图 <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/new_file.c

2018-09-08 21:16:57 2994 1

原创 JS中的作用域与作用域链

一、相关知识1、执行期上下文函数执行的前一刻,会创建一个称为执行期上下文的内部对象。一个执行期上下文定义了一个函数执行时的环境,函数每次执行时对应的执行上下文都是独一无二的,所以多次调用一个函数会导致创建多个执行上下文,当函数执行完毕时,它所产生的执行上下文会被销毁。2、作用域每个JavaScript函数都是一个特殊的对象,对象中有的属性我们可以访问,但有的不可以,这些属性仅供Ja...

2018-09-05 11:24:33 1619

原创 HBuilder插件之Emment的强大

       关于写前端代码有很多编辑器,各种编辑器的插件能提高我们的编程效率,下面介绍的是最基本最强大的的插件Emment。使用Emment能够快速生成代码,在Hbuilder中,Emment的使用安装比Subline中更为简便,该插件不需要下载,直接在菜单中设置即可。1)设置步骤如下在Hbulider页面索引栏找到“工具”,单击“选项”,就可以进行设置,也可以对其他功能进行设置。...

2018-08-18 16:33:19 7747 1

原创 JS实现选项卡切换

   下面是用JS简单地实现选项卡功能的实例。  注意点:(1)闭包后,要使用立即执行函数;                (2)绑定事件注意参数;                (3)思路:将当前div显示,其余隐藏,给button绑定事件,触碰后显示相应内容。<!DOCTYPE html><html> <head> <m...

2018-08-17 21:46:28 7179 1

原创 记录一则【HTML中图片映射map及area标签的使用】

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

2018-08-09 18:18:44 881

原创 学习笔记之【z-index属性值无效的问题所在】

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

2018-08-02 20:24:41 832

原创 一些有关盒子模型的话

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

2018-08-01 19:13:32 814

原创 CSS导航栏及下拉菜单

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

2018-07-30 19:17:15 8287 2

原创 CSS实现小箭头

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

2018-07-22 22:32:32 8363

原创 浅谈CSS3动画效果【Animation】

CSS3中的动画是使元素从一种样式逐渐变化为另一种样式的效果。通过设置可以对某一元素改变任意多的样式任意多的次数。通常用百分比来规定变化发生的时间,或者用关键词 "from" 和 "to",等同于 0% 和 100%(0% 是动画的开始,100% 是动画的完成)为了得到最佳的浏览器支持,我们在定义动画的时候应该始终定义 0% 和 100% 选择器,并且应该定义动画的名称和时长,若忽略时长(默认值是...

2018-07-20 17:50:56 4950 5

原创 CSS3旋转跳跃的立方体

元气少女,加油!

2018-07-15 14:21:34 380 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除