dqn811-CSDN博客

原创鼠标经过展开

鼠标经过展开-jq22.com ol,li { list-style:none; } body { background:#f3f3f3; font-family:"宋体,微软雅黑"; } img { border:none; } .list_box { color:#333; background:#fff; width:235px; margin:20px

2017-09-04 20:03:10 348

原创 520表白网页

jquery表白程序-jq22.com body { margin:0; padding:0px; background-color:#2C3437; } .content { display:inline-block; width:350px; height:400px; padding-top:70px; margin-right:5px; margin-lef

2017-09-04 20:02:42 2328 1

原创手风琴相册

手风琴式相册-jq22.com * { margin:0; padding:0; } #wrap { width:800px; height:400px; margin:0 auto; border:5px solid #009999; border-radius:10px; margin-top:10px; position:relative; overflow

2017-09-04 20:02:02 211

原创使用css动画实现心的跳动

心形动画代码-jq22.com body { background:black; } .heart { margin:100px auto; width:200px; height:200px; /* border:1px solid #0094ff; */ position:relative; animation-name:shake; animation-dur

2017-09-04 20:01:36 468

原创一个简单的注册页面,基于JS

// $(function(){ // $("input[name='uname']").blur(function(){ // var unamestr = $(this).val(); // var regstr = /^[\u4e00-\u9fa5]{2,4}$/;//2到4位汉字 //

2017-09-04 20:00:56 605

原创 CSS3 基础(1)——选择器详解

CSS3选择器详解一、属性选择器　　在CSS3中，追加了三个属性选择器分别为：[att*=val]、[att^=val]和[att$=val]，使得属性选择器有了通配符的概念。选择器示例描述 [attribute^=value] [src^="https"] 选择每一个src属性的值以"https"

2017-08-19 17:43:28 211

原创 HTTP协议

HTTP是面向对象的一种协议，请求方法常见的有，GET,POST,HEAD允许传输任意类型的数据简介 - http（超文本传输协议）是一个基于请求与响应模式的、无状态的、应用层的协议，常基于TCP的连接方式，HTTP1.1版本中给出一种持续连接的机制，绝大多数的Web开发，都是构建在HTTP协议之上的Web应用。 - url(统一资源定位符)也被称为网页地址，是互联网标准的地址。格式如下

2017-08-19 17:42:57 165

原创深度理解div+css布局嵌套盒子

1. 网页布局概述　　网页布局的概念是把即将出现在网页中的所有元素进行定位，而CSS网页排版技术有别于传统的网页排版方法，它将页面首先在整体上使用标记进行分块，然后对每个快进行CSS定位以及设置显示效果，最后在每个块中添加相应的内容。利用CSS排版方法更容易地控制页面每个元素的效果，更新也更容易，甚至页面的拓扑结构也可以通过修改相应的CSS属性来重新定位。 2. 盒子模型

2017-08-19 17:42:30 20872 1

原创 DIV+CSS架构网站的7种版面布局形式

“T”结构布局形式。所谓“T”结构，就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，整体效果类似英文字母“T”，所以称之为“T，形布局。这是网页设计中用得最广泛的一种布局方式。这种布局的优点是页面结构清晰，主次分明，是初学者最容易上手的布局方法。缺点是规矩呆板，如果不注意细节色彩，很容易让人”看之无味“ 　”口“型布局。这是一个象形的说法，就是页面一般上下

2017-08-19 17:41:44 3110

原创 Sublime Text3快捷键

Ctrl+D 选词（反复按快捷键，即可继续向下同时选中下一个相同的文本进行同时编辑） Ctrl+G 跳转到相应的行 Ctrl+J 合并行（已选择需要合并的多行时） Ctrl+L 选择整行（按住-继续选择下行） Ctrl+M 光标移动至括号内开始或结束的位置 Ctrl+T 词互换 Ctrl+U 软撤销 Ctrl+P 查找当前项目中的文件和快速搜索；输入 @ 查找文件主标题/函数；或者

2017-08-19 17:40:58 181

原创 CSS z-index的用法

理清 position及z-index的用法: static : 　无特殊定位，对象遵循HTML定位规则 absolute : 　将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距，但仍有补白和边框 relative : 　对象不可层叠，但将依据left，right，top，bottom等属性在正

2017-08-19 17:40:16 305

原创 HTML常用标签总结

学习前端开发，第一步要学习的绝对是HTML。什么是HTML？ HTML 是(Hyper Text Markup Language)四个单词的缩写，翻译过来就是超文本标记语言，所以它不是一门编程语言，只是一门标记语言。学习html的第一步就是需要学习它的标签如何使用。这个没有什么技巧，全靠平时多练习多用，才能达到熟能生巧的境界。 Html一共有一百一十多个标签（包含ht

2017-08-19 17:39:33 197

转载 jQuery DOM对象区别与联系

对两种对象类型的定义，只要能理解并转换成自己的说法就可以，不用死板按照资料所写 jQuery对象（jq对象）其实就是通过jquery类库选择器获得的对象（或者说是通过$获取的对象或者说是通过jquery包装dom对象后产生的对象（可参照下面的对象转换理解））；　　jquery对象是jquery独有，可以使用jquery里面的方法，但不能使用dom的方法；示例：　　$(

2017-08-19 17:39:01 144

原创 CSS的position属性：relative和absolute

relative：是相对于自己来定位的，例如：#demo{position:relative;top:-50px;},这时#demo会在相对于它原来的位置上移50px。如果它之前的元素也为relative并有偏移，则两个偏移不想加，relative只在它原本所在位置上进行偏移。relative 不脱离文档流，也就是说relative 的元素尽管表面上看到它偏离了原来的位置，但它实际上在文档流中

2017-08-19 17:38:16 211

12栅格系统——就是将屏幕平分12份（列）。使用行(row)来组织元素（每一行都包括12个列），然后将内容放在列内。通过col-md-offset-*来控制列偏移。基础布局组件——Bootstrap提供了多种基础布局组件。如排版、代码、表格、按钮、表单等。Jquery——Bootstrap所有的JavaScript插件都依赖于Jquery的。如果要使用这些JS插件，就必须引用Jquery库。这也是

2017-08-19 17:37:43 1498

dqn811的博客