自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 资源 (1)
  • 收藏
  • 关注

原创 javascript中==和===的区别

1.var i=10;var j="10";if(i == j)返回的是true2.var i=10;var j="10";if(i === j)返回的是false

2016-05-31 16:59:34 295

转载 javascript数组

数组有四种定义的方式 使用构造函数: var a = new Array(); var b = new Array(8); var c = new Array("first", "second", "third"); 或者数组直接量: var d = ["first", "second", "third"]; 属性 Array只有一个属性,就是length,

2016-05-31 15:20:10 201

原创 表格的示例

Report / Transaction CodeFeatures Level of DetailDrill DownDisplay VariantsPCG*NotesActual Line Items KE5ZDocument Line Item Y Y

2016-05-30 18:12:27 414

原创 valign属性

valign 属性规定单元格中内容的垂直排列方式。

2016-05-30 18:10:18 974

原创 colspan, rowspan

colspan是跨列,rowspan是跨行,可以看作是网页设计表格中的列和行的一个属性。跨列相当于把两列或者多列合并成一个单元格;跨行同理是把两行或者多行合并成一行;colspan和rowspan分别作用于是网页设计表格的、中。两者的作用都是合并,其主要区别就是一个是水平方向可以合并列,即colspan;垂直方向是合并行,即rowspan。

2016-05-30 18:06:06 1721

原创 新闻列表制作小技巧

PS:时间日期的代码要放在左边,这样在ie中时间日期才不会下移。                                                  2014-06-01 【慕客访谈 用户篇】“有为屌丝”在路上                          2014-06-01【有奖活动】给父亲的三行书信                          20

2016-05-29 19:00:26 581

转载 常见的块状元素与内联元素

xHTML究竟有多少个标签?绝大部分人都不能得出一个正确的答案,现在就有个机会,自己数数。答案:91个,哈哈,被你找到了~a, abbr, b, base, body, br, dd, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, head, hr, html, i, img, li, link, meta, ol, p,

2016-05-29 17:40:09 342

转载 float元素详解

CSS float 浮动属性  本篇主要介绍float属性:定义元素朝哪个方向浮动。目录:1. 页面布局方式:介绍文档流、浮动层以及float属性。2. float:left :介绍float为 left 时的布局方式。3. float:right :介绍float为 right 时的布局方式。4. 相邻元素含有float属性:介绍相邻元素含

2016-05-29 17:28:48 843

原创 转义字符大集合

1.>     >

2016-05-29 14:26:31 412

原创 myFocus焦点图框架使用心得

1.我们建的列表必须用一个div把它们框起来,而且类名必须叫pic

2016-05-28 21:14:27 806

原创 搜索框设置填充

文字覆盖了右边的背景图片,我们需要设置input的右填充因为放大镜的图片的宽度是25px,所以我们设置padding-right:25px;

2016-05-28 18:38:35 313

原创 inline-block元素总结

input元素

2016-05-28 18:05:37 286

转载 a:link,a:visited,a:hover,a:active

1:解释link:连接平常的状态visited:连接被访问过之后hover:鼠标放到连接上的时候active:连接被按下的时候      详细的: :hover版本:CSS1/CSS2  兼容性:IE4+ NS4+ 语法: Selector : hover { sRules } 说明: 设置对象在其鼠标悬停时的样式表属性。 在

2016-05-28 16:32:54 285

原创 line-height,text-align设置文字水平垂直居中

首页                            关于慕课                            新闻动态                            课程中心                            在线课程                            人才招聘 .nav_mid_le

2016-05-28 16:05:23 5637

转载 利用vertical-align:middle实现行内元素的水平垂直居中对齐

最终实现效果为实现行内元素的水平、垂直居中对齐,效果图如下:  接下来为实现代码: 复制代码代码如下:    利用vertical-align实现图片垂直居中对齐   #content { position:absolute; top:0;right:0;bottom:0;left:0; margin:auto; 

2016-05-24 11:56:31 7169

原创 Sublime快捷键

1.注释选中代码后,Shift+ctrl+/2.撤销注释ctrl+/

2016-05-24 11:46:41 252

原创 charset="UTF-8/ gb2312"

3种不同的编码方式,楼主想问什么?gbk一般是用于繁体中文,gb2312一般用于简体中文,但推荐使用utf-8编码了

2016-05-23 17:47:21 1476 1

转载 window.location

window.location方法后还还可以带href,search等参数,下面我们来看看获取url各项参数的办法。URL即:统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成:scheme://host:port/path?query#fragment scheme:通信协议常用的http,ftp,mait

2016-05-23 16:55:06 319

原创 H5知识点

1.H5新增的主体结构元素——Section元素

2016-05-23 11:34:59 282

原创 CSS零碎知识点

1.CSS存在三种定位机制标准文档流,浮动,绝对定位标准文档流:从上到下,从左到右,输出文档内容

2016-05-10 16:39:07 270

转载 CSS清楚浮动float

CSS清除浮动方法集合一、浮动产生原因   -   TOP一般浮动是什么情况呢?一般是一个盒子里使用了CSS float浮动属性,导致父级对象盒子不能被撑开,这样CSS float浮动就产生了。浮动产生样式效果截图本来两个黑色对象盒子是在红色盒子内,因为对两个黑色盒子使用了float浮动,所以两个黑色盒子产生了浮动,导致红色盒子不能撑开,这样浮动就产生了。

2016-05-10 14:49:14 317

转载 水平居中,position:relative;left:-50%;

例如下面代码中,inner想要在outer内水平居中,给inner外部添加了一个wrap包裹: class="outer"> class="wrap"> class="inner"> CSS代码为:.wrap{ float:left; position:relative; left:50%; } .outer{ width:300px; hei

2016-05-10 13:28:54 4277

转载 HTML&CSS——css中postion的fixed与absolute区别详解

fixed固定定位,参照位置是浏览器窗口的左上角,即坐标点为(0px, 0px)absolute绝对定位,参展位置是离当前元素最近的定位方式为fixed,absolute,relative的祖先原则的左上角,举个例子复制代码代码如下:我的参照坐标是id=p2通过上面的例子,可知h2的绝对定位参照点是

2016-05-10 11:31:28 597

转载 HTML&CSS——Position属性四个值:fixed、absolute和relative的区别和用法

用Div+CSS进行网站布局时,做一些浮动层等特殊效果时要考虑到定位问题。这就要用到Position属性等。Position属性有四个值:static、fixed、absolute和relative,后面两个在布局中的定位里是经常用到的,顾名思义,absolute是指绝对定位,即将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位,而其层叠通过

2016-05-10 11:27:27 667

原创 HTML&CSS——琐碎的知识点(2)

1.什么是块级元素?在html中、 、、、 和 就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。a{display:block;}块级元素特点:1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)2、元素的高度、宽度、行高以及顶和底边距都可

2016-05-05 18:08:20 330

原创 HTML&CSS——琐碎的知识点(1)

1.head部分的标签 ... ... ...2.标签:在和标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。3.代码注释 4.注意一段文字一个标签,如在一篇新闻文章中有3段文字,就

2016-05-05 17:40:04 3714

转载 HTML&CSS——对背景图定位中background-position属性的自我理解

最近在项目中需要大量的用到很多标签按钮什么的零碎图片,加上一直没机会使用Css中的”精灵技术“,这里把我对background-position的理解写成文档供更多人使用学习;如果有不对的请大家使劲拍最近在项目中需要大量的用到很多标签按钮什么的零碎图片,加上一直没机会使用Css中的”精灵技术“,这里把我对background-position的理解写成文档供更多人使

2016-05-03 15:54:34 3739

转载 HTML&CSS——CSS中背景background-position负值定位深入理解[图文]

下面是我要用到的一个背景图:代码如下: 复制代码代码如下:    .style1,.style2,.style3{ float:left; width:162px; height:162px; background:#CCCCCC url(/jiaocheng/UploadFiles/200804/20080411

2016-05-03 15:51:35 529

转载 HTML&CSS——利用CSS定位背景图片 background-position

我们在研究其他的网站的样式的时候经常会发现一种情况,就是在很多background属性里都调用同一张图片,来满足网页各个部分的使用。打开这种图片看一下,会发现这张图片上包含了很多小图片;又如:这些小图片就是整图分割后的各个部分,把各个部分放在一张图片上,而不是是分别存储成单独的图片,其目的我们都知道,就是减少http请求次数,节省时间和带宽。

2016-05-03 15:47:11 7621

转载 HTML&CSS——css设置背景图定位的问题

你查查background-position并练习一下就知道了,背景图的两个偏移值可以用background-position: x y;表示。x是水平位置偏移,y是垂直位置偏移。你可以用坐标来理解,图片左上角的坐标就是0 0。如-683px -162px就是:水平偏移683px,垂直偏移162px具体的数值是根据你图片来定的,如下图:黑色的图片距离左边30px,距离顶

2016-05-03 15:43:11 3331

转载 HTML&CSS——css sprites技术将多个背景集成到一个png图片上css定位

美国YAHOO在页面制作中所用到的图片整合技术,这样做虽然需要花一定的时间来有规则的合并这些ICON,栏目背景,图片按钮,以方便CSS调用,但是这样做绝对是合算的,而且是有必要的,YSlow也是极力推荐的。 实现方法: 首先将小图片整合到一张大的图片上,然后根据具体图标在大图上的位置,给背景定位。background-position:-8px -95px; 浅谈CSS Sprit

2016-05-03 15:04:46 2855

转载 HTML&CSS——background: url() no-repeat 0 -64px;CSS中背景图片定位方法

CSS中背景图片的定位,困扰我很久了。今天总算搞懂了,一定要记下来。在CSS中,背景图片的定位方法有3种:  1)关键字:background-position: top left;  2)像素:background-position: 0px 0px;  3)百分比:background-position: 0% 0%;上面这三句语句,都将

2016-05-03 14:36:05 10286 1

转载 HTML&CSS——display:inline-block;

inline-block 的元素既具有 block 元素可以设置宽高的特性,同时又具有 inline 元素默认不换行的特性。当然不仅仅是这些特性,比如 inline-block 元素也可以设置 vertical-align 属性。HTML 中的换行符、空格符、制表符等合并为空白符,字体大小不为 0 的情况下,空白符自然占据一定的宽度,使用inline-block 会产生了元素间的空隙。

2016-05-03 13:59:33 628

javascript正则表达式全解析文档

javascript正则表达式

2016-07-13

空空如也

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

TA关注的人

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