HTML+CSS+JavaScript
我们始终是路人
这个作者很懒,什么都没留下…
展开
-
table练习
<html> <head> <title>标题</title> <meta http-equiv="Content-Type" content="text/html"; charset="utf-8"/> </head> <body> <table border="true" height="200px" width="200px" > <tr原创 2016-11-25 21:46:04 · 557 阅读 · 0 评论 -
2.3 CSS盒模型&&块级元素和行内元素
盒模型一个盒子中主要的属性就5个: width、height、padding、border、margin。width是“宽度”的意思,CSS中width指的是内容的宽度,而不是盒子的宽度。 height是“高度”的意思,CSS中height指的是内容的高度,而不是盒子的高度 padding是“内边距”的意思 border是“边框” margin是“外边距” 块级元素和行内元素1) 块级元素 ● 霸原创 2017-05-04 23:22:04 · 290 阅读 · 0 评论 -
2.4 CSS浮动&&浮动的清除
浮动浮动的元素脱离标准流 浮动的性质:脱标、贴边、字围、收缩。float: left;//设置左浮动浮动的清除1.给浮动的元素的祖先元素加高度。2.clear:both;3.加墙法3.1隔墙法<div class="cl h16"></div>3.2内墙法4.overflow:hidden;原创 2017-05-04 23:27:47 · 203 阅读 · 0 评论 -
2.5 CSS margin
margin的塌陷现象标准文档流中,竖直方向的margin不叠加,以较大的为准。盒子居中margin:0 auto;只有标准流的盒子,才能使用margin:0 auto; 居中。 使用margin:0 auto; 的盒子,必须有明确的width margin:0 auto;是在居中盒子,不是居中文本。文本的居中,要使用text-align:center;善于使用父亲的padding,而不是儿子的原创 2017-05-04 23:31:40 · 356 阅读 · 0 评论 -
2.6 CSS超链接中的伪类和美化
伪类a标签有4种伪类: a:link{ color:red; } a:visited{ color:orange; } a:hover{ color:green; } a:active{ color:black; }:link 表示, 用户没有点击过这个链接的样式。 是英原创 2017-05-04 23:37:12 · 621 阅读 · 0 评论 -
2.7 CSS background属性
background-image属性用于给盒子加上背景图片:background-image:url(images/wuyifan.jpg);url()表示网址,uniform resouces locator 统一资源定位符background-repeat属性设置背景图是否重复的,重复方式 background-repeat:no-repeat; 不重复 background-原创 2017-05-04 23:40:33 · 265 阅读 · 0 评论 -
2.8 CSS相对定位&&绝对定位&&固定定位&&z-index
相对定位:position:relative;绝对定位:position:absolute;固定定位:position:fixed;相对定位相对自己原来的位置,进行位置调整。相对定位不脱标用途: 1) 微调元素 2) 做绝对定位的参考,子绝父相 父亲设置相对定位,子绝对定位从父亲开始 position:relative; → 必须先声明,自己要相对定位了,原创 2017-05-04 23:47:38 · 423 阅读 · 0 评论 -
3.1 JS window对象&&document文档对象&&变量的作用域&&隐藏样式&&入口函数
window 对象可以省略alert() 方法 弹出警示框完整的写法 : window.alert(“执行语句”); window 对象 窗口 一般情况是可以省略的。 console 控制台输出一般用于测试 代码 作用 console.log() 普通 console.warn() 警告 console.error() 错误 document文档对象原创 2017-05-09 19:06:38 · 778 阅读 · 0 评论 -
3.2 JS 变量提升&&函数参数
变量提升 function fun(){ console.log(num); var num = 20; }相当于 : function fun(){ var num; console.log(num); Num = 20; }在函数体内部,声明变量,会把该声明提升到函数体的最顶端。 只提升变原创 2017-05-09 20:23:28 · 419 阅读 · 0 评论 -
1.HTML
文档声明头 大规范 小规范 HTML4.01 Strict严格的,体现在一些标签不能使用,比如u Transitional 普通的 Frameset 带有框架的页面 XHTML1.0 严格体现在小写标签、闭合、引号 Strict Strict 严格的,体现在一些标签不能使用,比如u Transitional 普通的 Frameset 带原创 2017-05-04 22:41:51 · 341 阅读 · 0 评论 -
2.2 CSS 权重
当选择器,选择上了某个元素的时候,那么要这么统计权重: id的数量,类的数量,标签的数量不进位,实际上能进位(255个标签,等于1个类名)但是没有实战意义!如果权重一样,那么以后出现的为准:如果不能直接选中某个元素,通过继承性影响的话,那么权重是0。如果大家都是0,那么有一个就近原则:谁描述的近,听谁的。权重问题大总结:1) 先看有没有选中,如果选中了,那么以(id数,类数,标签数)来计权重。谁大原创 2017-05-04 23:11:02 · 245 阅读 · 0 评论 -
获取系统时间,动态显示
系统时间:2016年10月1日19时24分32秒 <html> <head> <title>标题</title> <meta http-equiv="Content-Type" content="text/html"; charset="utf-8"></meta></head> <body> 系统时间:<span id="time"></span>原创 2016-11-28 19:24:58 · 460 阅读 · 0 评论 -
javascript自定义对象
自定义对象:在javascript没有类的概念,只要有函数即可创建对象。 自定义对象的方式1: 使用无参的函数创建对象。例子: function Person(){} var p = new Person(); //创建了一个Person对象了 p.id = 110; p.name = "狗娃";方式2:使用带参的函数创建对象。原创 2016-11-30 13:08:16 · 314 阅读 · 0 评论 -
3.4 JS 排他思想&&节点&&dom 的节点操作
排他思想 <script> window.onload = function(){ var btns = document.getElementsByTagName("button"); for(var i=0;i<btns.length;i++) { btns[i].onclick = function(){原创 2017-05-12 09:22:08 · 1042 阅读 · 0 评论 -
3.5 JS设置节点属性
获取节点属性getAttribute(属性) 获取属性 通过这个方法,可以得到 某些元素的 某些属性 。 alert(demo.getAttribute("title"));弹出对话框: 弹出title里面的内容设置节点属性 setAttribute(“属性”,”值”);比如说,我们想要把 一个 类名 改为 demo div.setAttribute(“c原创 2017-05-12 09:25:40 · 451 阅读 · 0 评论 -
3.6 JS日期函数 Date()
声明日期 var date = new Date(); 创造声明一个新的日期函数 赋值给了 date var arr = new Array(); 使用函数 得到 毫秒数 ms s m h 从 1970 年1 月1号 unix 32位 68年 2038 千年虫 64原创 2017-05-12 09:27:00 · 286 阅读 · 0 评论 -
3.7 JS定时器
setInterval()window.setInterval(“执行的函数”,间隔时间) 正确的写法:setInterval(fun, 1000); 1000 ms 毫秒每隔1秒钟,就去执行一次 fun 这个函数. setInterval(“fun()”,1000) 可以用 setInterval( function(){} , 1000 ) setTimeout()s原创 2017-05-12 09:32:23 · 398 阅读 · 0 评论 -
3.8 JS网址编码&&缓动动画公式
编码解码encodeURIComponent(url) 函数可把字符串作为 URI 组件进行编码 decodeURIComponent(url) 函数可把字符串作为 URI 组件进行解码 缓动动画公式值 (初始值)= 初始值 + (目标值 - 值 ) /10 ;原创 2017-05-12 09:35:31 · 337 阅读 · 0 评论 -
2.1 CSS一些常见的属性&&选择器
cascading style sheetcss是cascading style sheet 层叠式样式表的简写。一些常见的属性字符颜色:color:red;color属性的值,可以是英语单词,比如red、blue、yellow等等;也可以是rgb、十六进制。 字号大小:font-size:40px;font就是“字体”,size就是“尺寸”。px是“像素”。 单位必须加,不加不行。 背景颜色:ba原创 2017-05-04 23:08:33 · 562 阅读 · 0 评论 -
3.3 JS 表单自动获得焦点&&鼠标经过全选表单内容
表单自动获得焦点<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ var txt = document.getElementById("txt");原创 2017-05-09 20:45:20 · 611 阅读 · 0 评论