html5
jredu1996
这个作者很懒,什么都没留下…
展开
-
javascript基础(三) 个人笔记
javascript的循环语句 循环结构的特点是: 在给定的条件下,重复执行某一程序程序段,直到条件不成立为止。 while循环语句 先判断条件是否成立,再决定是否执行循环体。 直接上水仙花数的例子: html lang="en"> head> meta charset="UTF-8"> title>Titletitle> head> body> script>原创 2017-08-03 11:04:11 · 185 阅读 · 0 评论 -
CSS基础(一) 个人笔记
选择器1.标签选择器它会选中当前页面所有的标签。 具体事例:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> /*<!--标签选择器:他会选中当前页面所有的标签-->*/ li{ color: red; fon原创 2017-07-27 10:21:34 · 237 阅读 · 0 评论 -
HTML5基础(三) 个人笔记
表单form可以与table表格一起使用,使得页面更规整,漂亮 基本属性如下: 1.fieldset:显示表单外边框 2.legend:在外边框上显示文字(与fieldset联合使用) 3.action:用来指定表单元素提交到服务器地址 4.method:用来制定提交数据的方法(get(默认),post) 表单元素都是用input实现的 1.文本框:type=”text”. 2.密码原创 2017-07-26 12:49:22 · 278 阅读 · 0 评论 -
javascript基础(一)个人笔记
javascript的作用1.表单验证,减轻服务端的压力 2.添加页面动画效果 3.动态更改页面效果 4.Ajax网络请求(异步加载)javascript的组成javascript组成:ECMAScript(规则语法) DOM(文档对象模型;html文件) BOM(浏览器对象模型)javascript的变量声明和赋值JavaScript的变量是弱类型的,他不像Java那样具有很严格的定原创 2017-08-03 10:22:30 · 246 阅读 · 0 评论 -
CSS基础(四) 个人笔记
定位相对定位相对定位是如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。 用法如下: position: relative; left: 30px; top: 20px; 如果将 top 设置为 20px,那么框将在原位置顶部下面 20 像素的地方。如果 left 设置为 30 像素,那么会在元素左边原创 2017-08-03 09:35:45 · 229 阅读 · 0 评论 -
JavaScript基础(补充) 个人笔记
JS之层次和节点层级关系<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>层级关系</title> </head> <body><!--元素不换行的样式--> <!--<ul id="ul"><li>青岛理工</li><li id="li2">山东科技</li><li>清华大学</li></ul原创 2017-08-16 19:05:40 · 166 阅读 · 0 评论 -
JavaScript基础之BOM 个人笔记
SCREEN<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Screen</title> </head> <body></body> <script> console.log(screen.width);/*屏幕宽度*/ console.log(screen.height);原创 2017-08-16 18:46:16 · 200 阅读 · 0 评论 -
javascript基础(四) 个人笔记
函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 实例:函数的调用<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>函数</title> </head> <body> <button onclick="showName('ccy')">显示陈传印名字</button> <but原创 2017-08-16 18:31:58 · 171 阅读 · 0 评论 -
HTML5基础(二) 个人笔记
HTML5基本语法1.表格table 表格的基本属性有: 1.border 边框。 2.width 宽度。 3.height 高度。 4.align 对齐方式。 5.bgcolor 背景颜色。 6.background 背景图片。 7.cellspacing 单元格之间的间距。 8.cellpadding 单元格文本和单元格边框的距离。<!原创 2017-07-25 13:32:23 · 281 阅读 · 0 评论 -
HTML5基础(一) 个人笔记
HTML5常见标签常用基本标签html:标记文档的开始和结束。 title:标题设置。 head:html的头部代码。 body:html的核心代码。 meta:元数据标签。 img:图片的引入。 link:引用图标(icon)或者css(stylesheet)文件。块级标签独占一行,不允许其他元素和自己同行显示 1.标题标签 h1 h2 h3 h4 h5 2.分割线标签 hr原创 2017-07-25 12:39:14 · 359 阅读 · 0 评论 -
javascript基础(二) 个人笔记
javascript的条件语句 if语句只有当指定条件为 true 时,该语句才会执行代码。 语法如下:if (条件) { //只有当条件为 true 时执行的代码 } if···else···语句如果if条件成立,则执行if的条件代码,否则,则执行else的代码。 语法如下:if (条件) { //当条件为 true 时执行的代码 } else { //当条件不为 true原创 2017-08-08 15:45:16 · 340 阅读 · 0 评论 -
CSS基础(三) 个人笔记
超链接的伪类1.link: 未访问状态。 2.visited:已访问状态。 3.hover:鼠标悬浮状态。 4.active: 鼠标激活选定状态。 事例如下:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> /*未访问状态*/ a:link{原创 2017-08-01 15:42:35 · 222 阅读 · 0 评论 -
CSS基础(五) 个人笔记
变形 平移:元素平移:x方向 y方向 缩放:scale(1.5) 缩放1.5倍。 二维旋转:rotate(180deg) 旋转180° 以x,y轴的旋转:rotatex(180deg)rotatey(180deg) 倾斜:skew(18deg) 倾斜18° 以x,y轴的倾斜:skewx(18deg) skewy(18deg) 过渡动画效果:1:什么属性 2.过渡时间 3.过渡效果原创 2017-08-03 11:25:03 · 194 阅读 · 0 评论