2017年08月_lelara

原创第18天：京东网页头部制作

一，京东页面制作开始（头部）1，浮动的盒子宽度由内容定，不需要设置宽度2，绝对定位不占位置，相对定位占位置3，不一定是子绝父相，还可能是子绝父绝，要根据情况来定。如果是子绝父绝，那父级的父级一定是相对定位。二，中间分割线制作给需要竖线的地方添加空的利，每个立设置类样式，设置宽高，背景色刚开始做的也不多，目前进度如下： ...

2017-08-31 23:26:00 684

原创第17天：CSS引入、选择器优先级（中级）

一，CSS位置 1，行内式css <div class =“fr”style =“color：red;”> aa </ div> 2，内嵌式样式 <style> .one { width：200px; } </ style> 3，外链式 <link rel =“styles...

2017-08-30 23:17:00 88

原创第16天：函数的定义和调用

函数：1，函数，是一种封装。就是将一些语句，封装到函数里面。通过调用的形式，执行这些语句。2，函数如果不调用，等于白写。3，函数实参和形参个数要相同。4，函数可以没有返回语句，如果有，只能有一个。一些简单的函数如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <m...

2017-08-29 22:37:00 76

原创第15天：穷举算法（水仙花数、阶乘求和）

今天学习了JS中基本的穷举法，求水仙花数，阶乘，求和，找因数，找质数等。求三位数的个位，十位，百位方法：var ge = i％10; //求个位var shi = parseInt（i％100/10）; //求十位var bai = parseInt（i / 100）; //求百位下面是简单的练习： 1 <!DOCTYPE html> 2 <html ...

2017-08-28 23:12:00 827

原创第14天：逻辑运算符、if、for语句

今天学习了逻辑运算符，如果，语句基础知识。一，逻辑运算符1，&&（与）一假即假，同真为真2，||（或）一真即真，同假为假3，（非）！切记：参与逻辑运算的，都是布尔值。也就是说，只有如此，虚才能参与逻辑运算，得到的答案，仍然是布尔值。答案只能是真或假。逻辑运算不能连比：console.log（3 <2 <15）; //错误写法二，如果语句1，多分支if...

2017-08-27 23:07:00 267

原创第13天：页面布局实例-博雅主页

今天写了个简单的页面，再熟悉了一下DIV + CSS布局，写的还可以，以后还要多练习。此外还进一步学习了定位相关知识。如图1所示，相对定位：相对定位有坑，所以一般不用于做“压盖”效果页面中，效果极小就两个作用。：1）微调元素2）做绝对定位的参考，子绝父相2，绝对定位：绝对定位的参考点，如果用上面描述，那么定位参考点就是页面的左上角，而不是浏览器的左上角。绝对定位的盒子，...

2017-08-26 23:40:00 326

原创第12天：布尔值和关系运算符

一，布尔值数值型里面的值，有无穷多个，因为世界上所有的数字，都是数值型; 字符串型的值，有无穷多个，因为世界上所有的文字，语句都是字符串型; 布尔类型的值，就两个，真，假。真真假假var a = true; var b = false; 的console.log（a）的 //输出的console.log（B）; //输出console.log（typeof a）; //输出类型consol...

2017-08-25 22:42:00 478

原创第11天：JS中变量、字符串基础知识

一，JS简介用来制作页面交互效果，提高用户体验。js页面效果：轮播图，选项卡，地图，表单验证javascript是弱变量类型的语言，变量只需要用var来声明。而java要根据变量类型来声明，int a; float a; double a; String a; boolean a;的JavaScript不用关心内存的释放，指针等。JavaScript的是运行在客户的电脑里面，而不是服务...

2017-08-24 22:44:00 158

原创第10天：CSS初始化操作

在写页面过程中，每个浏览器都会有默认样式，为了避免浏览器的样式兼容问题，我们会在样式开始部分对常用标签进行重置样式。这样我们在写样式时，就不会有误差。常用的CSS初始化标签如下：@charset "UTF-8";/*css 初始化 */html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, f...

2017-08-23 23:24:00 141

原创第9天：CSS精灵图

今天重点学习了CSS精灵图。“CSS精灵”，英语css sprite，所以也叫做“CSS雪碧”技术。是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css 的背景定位来显示需要显示的图片部分。CSS精灵有什么优点，就是减少了HTTP 请求。比如4张小图片，原本需要4个HTTP请求。但是用了CSS精灵，小图片变为了一张图，HTTP请求只有1个了。用PS选框工...

2017-08-22 23:10:00 133

原创第8天：CSS制作导航栏

今日主要学习了网页导航栏的制作。注意：引入外部CSS样式时，如果使用背景：url（../ images / 1.png），一定记得用..跳出当前文件夹，回到上级目录。一，导航栏实现步骤：如图1所示，网页整体分为头部，内容，尾部。网页中心内容部分为版心。版心是定宽的。2，设定版心宽度。其余每部分内容只需要设置高度即可。3，报头部分分为左，中，右三部分。分别用DIV包起来，可以设置填充...

2017-08-21 23:26:00 235

原创第7天：input和label标签

今天学的不多，就只学了表单元素中的输入和标签标签。搬了房子，收拾了一下东西，太累了，所以没有学很多。明天还上班，今天就先到这。一，输入input标签类型属性有以下几个：text，password，textarea，radio，checkbox，button，submit，reset按钮1，<input type =“button”value =“确定”> 2，<input...

2017-08-20 22:38:00 686

原创第5天：js-系统时间对象

今天听了一小节，JS中如何获取系统时间。最后做了一个轮播图效果，是在别人的代码上修改的，一开始做了好半天，都没做好，最后，在我的坚持下，终于做出来了。今天先到这儿，去休息了！获取时间对象：new Date（）getFullYear（）getMonth（）getDate（）getDay（）getHours（）getMinutes（）getSeconds（）以下是个小例子：<！DOC...

2017-08-18 22:25:00 94

原创第4天：JS入门-给div设置宽高背景色

今天学习了JS的入门课程，听的不多，做了个小练习，给DIV设置宽高，背景色一点点都是进步核心代码如下。：<！DOCTYPE html> <html lang =“en”> <head> <meta charset =“UTF-8”> <title> JS入门_设置div宽，高，背景色</ title> <style&

2017-08-17 23:30:00 1116

今天学的是浮动，定位，表格，表单等内容，这些是CSS中最容易混淆的知识，有许多小技巧在写代码过程中需要注意下面是主要知识点：一，浮浮动1，块元素在一行显示2，内联元素支持宽高3，默认内容撑开宽度4，脱离文档流5，层级提升half-层二，明确清除浮动1，加高（扩展性不好）给浮动元素的父级设置同样的高度2，给父级加浮动（页面中所有元素都要加浮动，margin左右失效）3，inline-block（...

2017-08-16 23:06:00 143

原创第2天：HTML常用标签

今天学完主要对所学知识点进行了整理。一，超链接ahref：www.baidu.com（跳转页面）; id名（锚点跳到相应div位置）; 01.rar（压缩包）target：_blank（新窗口打开）; _ self（当前窗口打开）二，文件路径绝对路径：（1）线上：线上绝对路径（2）线下：完整路径相对路径：src = .. / img / bg.jpg（../是上一级目录）三，HTML常...

2017-08-15 23:20:00 131

原创第1天：CSS基本样式

今天学习了CSS基本样式和属性。在做练习的时候遇到一个小问题，最后解决了。。记住：浏览器有默认余量和填充样式最开始记得一定写：* {保证金：0;填充：0}。学习经验：1，边缘值相邻两个元素的余量会叠加在一起2，边缘子元素的值会传递给父元素3，能用填充，尽量不用余量，余量浏览器兼容性较差。4，H标签不能直接写在UL中，必须用立包起来。简言之，UL下只能是李标签。下面是CS...

2017-08-14 23:26:00 158

原创 Web前端学习开篇

首先想想自己喜欢干什么？想干什么？脑袋需要什么？什么对自己来说最重要？自己的规划？本人数字媒体技术专业，想学Web前端开发有好长时间了，有一定的基础，所以就想进一步深入学习。谁料想，我怎么那么没有耐心，每次都下定决心好好学了，学一段时间，一遇到困难，就坚持不下去了，但是我真的不想放弃。所以现在我必须努力，不努力，将来一定后悔！下面是一位导师教导我的话：1、咬牙坚持可以苦一阵子，收获一辈子。凡...

2017-08-13 21:06:00 129

lelara的博客