dhl879850-CSDN博客

原创 position 的注意点与使用场景

position 的注意点与使用场景position有四个属性1.static：默认。位置设置为 static 的元素，它始终会处于页面流给予的位置（static 元素会忽略任何 top、bottom、left 或 right 声明）,相当于没有定位，基本上用不到这个属性。2.relative：位置被设置为 relative 的元素，可将其移至相对于其原来位置的地方，原来的位置遗留空白区域。...

2018-10-15 16:05:25 2162 1

原创函数

函数声明：function 方法名（传递参数）{执行的代码块} function x(){} //function命令 var x =function（）{}；// 函数表达式 var x= new function(){} //function构造函数 function命令与函数表达式的区别：两者的区别：解析器会先读取函数声明，并使其在执行任何代码之前可以访问；而函数表...

2018-08-26 19:32:53 107

原创数组

数组数组是存储一组数据的结构，用来大量的存储数据，并用一个数组下标来区分或指定每一个数。使用数组会让程序变的简单，而且避免了定义多个变量的麻烦。数组的三种定义方式：var arr=[18,19, ,20] 稀疏数组-所谓稀疏数组就是数组中大部分的内容值都未被使用（或都为零），在数组中仅有少部分的空间使用,因此造成内存空间的浪费。var arr=Array(3); var arr...

2018-08-19 09:41:38 311

原创 8.9 JavaScript 入门

JavaScript 的历史JavaScript诞生于1995年。起初它的主要目的是处理以前由服务器端负责的一些表单验证。在那个绝大多数用户都在使用调制解调器上网的时代，用户填写完一个表单点击提交，需要等待几十秒，完了服务器反馈给你说某个地方填错了。在当时如果能在客户端完成一些基本的验证绝对是令人兴奋的。当时走在技术革新最前沿的Netscape（网景）公司，决定着手开发一种客户端语言，用来处理...

2018-08-09 21:42:15 196

原创 8.7 竖直线

看到这个页面首先想到的是五个DIV中包含着UL,LI,把前四个DIV的右边框设置为 border：4px solid;这样虽然可以完成但竖直线的长度受到DIV的限制，调整样式很不方便，于是又找一种方法来实现竖直线.footer-xsider{ margin-top: 20px; margin-left:50px ; border-right:3px solid...

2018-08-07 22:34:24 169

原创 8.6 百度首页编写-导航栏

看到百度首页，首先对网页内容进行大致的分类，一般网页都可分为导航栏，页面主题，页脚，页面主题有根据其内容继续细分。大致的分类： <body>  <div class="header-box">  <div class="search"&

2018-08-06 23:06:56 885

原创 8.3网页构架

网页的搭构方式：从整体到局部，从外层到内层，先框架再填内容写一个网页，先大致浏览一遍网页，对网页进行大致的框架分类，一般可分为头部，导航栏，页面主题，底部，页面主题又可以按不同内容，不同区块分类，每个区块编写注释，方便自己和其他人寻找。头部，导航栏等块元素可以选择id选择器，而不是class选择器，id选择器可以有更好的反应速度。注释注释是你自己和其他人了解代码写法和目的的唯一途径...

2018-08-03 22:59:33 146

原创 8.2图像透明文字不透明

在工作中,我遇到背景是透明的，而里面的文字是不透明的页面。平常我们一般都会用到，定义三个层，一个父层相对定位，一个透明层绝对定位，还有一个层就是内容层。一般使用”opacity“，它很简单易用，但是，opacity会使所有的子元素都变成透明的，透明层的子类内容层会受opacity标签的影响一起变透明，为了解决这个问题，需要把透明层和内容层分成两个块元素通过定位进行层叠，这就比较麻烦。还有一种方法是...

2018-08-02 23:32:29 144

原创 8.1浮动需求原理与注意事项

浮动需求原理与注意事项为了让元素脱离文档流上往下，从左往右排列的顺序，可以用到float。浮动能够使元素左右移动，周围元素会受到浮动影响排列顺序，浮动会产生视角差，浮动的元素在文档流上一层。浮动后父元素没有高度，若没有清除父元素，会导致网页比较混乱，为了解决这个问题需要让父元素有高度。可以用clear标签解决 &amp;amp;lt;div style=”clear:both”&amp;amp;gt;&amp;amp;lt;/di...

2018-08-02 18:06:46 204

dhl879850的博客