2018年11月_森屿海岛

原创 JavaScript流程语句中的for循环

for循环语句 for语句通常由2部分组成：一是“条件控制部分”，二是“循环体”。语句结构: for(初始值；逻辑条件；增量或减量){循环体} 定义一个循环：案例1：输出1~100之间的数字 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title...

2018-11-28 18:23:51 322

原创 JavaScript的流程语句

算术运算符小补充: 1.自增运算符:++ “++”是自增运算符，它指的是在原来值的基础上加1，i++表示“i=i+1”。该运算符有2种情况：（1）i++ :“i++”指的是在使用i之后，使i的值加1。（2）++i :“++i”指的是在使用i之前，先使i的值加1。案例 <!DOCTYPE html> <html> <head> <me...

2018-11-27 23:57:33 259

原创 JavaScript的第一天

一、JavaScript的介绍 1. JavaScript是什么？ JavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端 Web 开发的脚本语言，常用来给 HTML 网页添加动态功能，比如响应用户的各种操作。 JavaScript的编辑工具：常见的JavaScript编辑工具有很多，例如记事本、Hbuilder、Dreamweaver和...

2018-11-26 19:09:25 146 1

原创测试题

web前端测试题一.填空题 1.网页的后缀名通常为: .html和 .htm的页面 2.请写出在网页中设定表格边框的厚度的属性 border；设定表格单元格之间宽度属性cellspacing，；设定表格资料与单元格线的距离属性Cellpadding 3.预格式化文本标记<pre></pre>的功能是_标记内的内容按照原格式显示在网页中。 4.css中的选择...

2018-11-25 12:28:59 524 1

原创 3D变换

1,左手坐标系伸出左手，让拇指和食指成“L”形，大拇指向右，食指向上，中指指向前方。这样我们就建立了一个左手坐标系，拇指、食指和中指分别代表X、Y、Z 轴的正方向。如下图 2. CSS 中的 3D 坐标系 :CSS3 中的 3D 坐标系与上述的 3D 坐标系是有一定区别的，相当于其绕着 X 轴旋转了 180 度，如下图 3. 左手法则左手握住旋转轴，竖起拇指指向旋转轴正方向，...

2018-11-19 22:09:17 333

原创 2D变换

1.2D变换属性Transform: 旋转(rotate) translate(位移) scale(缩放) skew(扭曲) (1)rotate( ) 旋转元素顺时针旋转给定的角度.允许负值，元素将逆时针旋转。 (2)translate(）位移 translate(值1，值2）值1：水平位移值2：垂直位移 translateX(）水平位移,,translateY(）垂...

2018-11-16 21:12:23 247 1

原创 CSS3的学习：边框，背景，渐变，过渡

边框（border）边框的圆角（border-radius）边框阴影（box-shadow）边框的图片（border-image/border-image-source） Border-image-repeat：边框图片平铺方式 Border-image-slice：图片裁剪区域 Border-image-width：边框图片的厚度 Border-image-ouset...

2018-11-15 19:10:26 316

原创 HTML的第一天

HTML5 1.Html5 是一个泛指： HTML5 +CSS3+JavaScript 文档的第一行的代码表示的是当前文档的类型（Html1.0---html5.0） Html5 的文档类型： <!doctype Html> 2.Html5和html之间有什么区别？ (1)首先在文档类型的书写上不同，html5中新增了一些语义化的标签，以及表单属性和表单的类型，还包含有新的伪类，伪...

2018-11-13 22:02:58 131

原创 css 浮动与定位

浮动(float) 七大特点浮动概念：所谓的浮动就是指元素脱离文档流，漂浮到文档流的上方，不会占据位置。在网页布局中浮动分为两种： Float：left 表示左浮动 Float：right 表示右浮动浮动特性浮动元素有左浮动(float:left)和右浮动(float:right)两种浮动的元素会向左或向右浮动，碰到父元素边界、浮动元素、未浮动的元素才停下来 ...

2018-11-07 22:59:37 329 2

原创 CSS选择器，盒子模型，块元素，内联元素，内联块元素

1，选择器（1）组合选择器/组选择器格式：选择器名称1,选择器名称2,…… （2）伪类、伪元素选择器第一种： A：link设置未被访问过的页面显示 A：visited 设置访问过的页面显示 A：hover 设置鼠标悬停在超链接时的页面显示 A：active 设置点击时的超链接页面显示注意：以上四个书写的顺序很重要（link和visited必须写到hover之前），active必须写到ho...

2018-11-05 22:57:33 276

原创 CSS层叠样式表

前端的三大组成（三大模块） HTML(超文本标记语言) 结构层 CSS（层叠样式表）表现层：用来美化html结构 JavaScript（脚本语言）行为层：提供用户和界面的交互 1.CSS的概念以及介绍 CSS（层叠样式表）作用：美化html结构，重点（css可以很好的将结构和表现进行分离） CSS的语法结构：选择器{属性：属性值；属性：属性值…} 1，CSS的三种表现形式 (1) ...

2018-11-02 22:18:00 841

qq_43551373的博客