- 博客(23)
- 收藏
- 关注
RSS订阅原创 HTML基础知识(三)--文本格式标签
标题标签h1~h6：标题；从h1到h6字号依次减小，字体默认加粗，可设置水平对齐方式标题；文字标签font：文字；设置字号大小文字 默认3号字，从小到大有1到7号7个字号可选；设置字体颜色文字 默认黑色；设置字体属性文字 默认浏览器默认字体，本地无某字体时，设置该字体无效，还是按默认字体显示；直线标签hr：;设置水平对齐方式；设置直线宽度；默认100
2016-12-31 20:47:37
782
原创 12.30js学习笔记
onmouseover 鼠标悬停onclick 鼠标点击onmouseout 鼠标离开用法 例1：； aa()为函数，可传参数 如 aa(1)；//点击执行aa函数 例2：menu[0].onmousever=aa aa为函数，不带括号， //鼠标在第一个menu上时执行aa函数 例3：menu[0].
2016-12-30 23:14:21
394
原创 12.29js学习笔记
标签/ 元素.getAttribute('属性'); 获取标签属性的值 标签/ 元素.setAttribute('属性','属性值'); 改变标签属性的值例：mid_pic.setAttribute('src',pic); //给 id=mid-pic里面的属性src重新赋值
2016-12-29 20:52:26
355
原创 12.28JS学习笔记
dom元素 class 标记标签的获取 document.getElementsByClassName("class名称") 元素之间值的获取 元素.innerHTML HMTL跟文本 元素.innerText 获取纯文本 document.getElementsByTagName("span"); //获取标记标签
2016-12-28 19:39:04
313
原创 js数组的三种声明方式
数组的三种声明方式：1.var cars=new Array(); cars[0]="a", cars[1]="b" , cars[2]="c";2.var cars=new Array("a","b","c");3.var cars=["a","b","c"]注：整型不加引号；双引号内用单引号；注意英文输入法及大小写；
2016-12-27 21:02:26
12299
转载 js学习笔记2016.12.26
*二：简单的DOM操作 1.认识DOM文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。三种常见的DOM节点:1. 元素节点：、、等都是元素节点，即标签。2. 文本节点:向用户展示的内容，如…中的JavaScript、DOM、CSS等文本。3. 属性节点
2016-12-26 21:56:24
693
转载 HTML标签marquee
marquee语法 实例一Hello, Worldmarquee常用到的两个事件：onMouseOut="this.start()" 当鼠标移出该区域时onMouseOver="this.stop()" 当鼠标移入该区域时实例二marquee常用到的两个事件下面开始说一下marquee所支持的属性behavior设定滚动的方式：
2016-12-25 18:28:08
304
原创 <body></ body >里的属性
HTML 标签里的属性：bgcolor设置页面背景颜色 即页面背景色为红色； background设置背景图片 bgproperties=fixed是设置背景图片不随滚动条的滚动而滚动，直接加在地址后面即可。即网页文字为绿色对于链接中的文字，link，vlink，alink分别对应：普通超级链接，访问过的超级链接，当前活动的超级链接。如，当前颜色为粉色，点击时
2016-12-24 20:56:30
3302
原创 CSS3背景颜色渐变
背景颜色渐变：background:linear-gradient(颜色名)；默认 从上到下 多个颜色用逗号分隔background:linear-gradient(left,颜色名)； 从左到右background:linear-gradient(left top,颜色名)； 从左上到右下（对角线）background:linear-gradient(de
2016-12-23 20:53:53
620
原创 CSS3 transform
transform值的设置：移动translate： translate(x,y) /*x 、y为像素*/ translate3d(x,y,z) translateX(x)
2016-12-22 21:50:02
354
原创 CSS3样式过渡transition
transition例：transition:all 1s ease 0s说明：all: 过渡的属性名称 单独写为：transition-property 默认为all 所有属性 none
2016-12-21 21:43:32
856
原创 CSS3动画效果animation
动画效果例： animation aa 0.5s ease/linear n/infinite 2s normal/alternate running/paused说明：aa: 名称 单独写时为animation-name0.5s
2016-12-20 22:51:45
554
原创 12.19CSS学习笔记
滤镜 filter: grayscale(80%)/blur(像素)旋转 transform:rotate(**deg)旋转单位deg(度数) 正值就是顺时针旋转 负值就是逆时针旋转缩放 transform:scale(number)number为缩放比例水平位移 transform: translateX(像素)竖直位移 transform: translateY
2016-12-19 20:15:27
315
转载 CSS3响应式布局meta viewport属性
页面的头部之间加上： meta viewport这个属性是在移动设备上设置原始大小显示和是否缩放的声明。 参数设置∶ width – viewport的宽度 height – viewport的高度 initial-scale – 初始的缩放比例 minimum-scale – 允许用户缩放到的最小比例 maximum-
2016-12-16 23:32:52
3125
转载 CSS设置滚动条样式
滚动条样式主要涉及到如下CSS属性: overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容 overflow: auto; 在需要时内容会自动添加滚动条 overflow: scroll; 总是显示滚动条 overflow-x: hidden; 禁止横向的滚动条 overflow-y: scroll; 总是显示纵向滚动条 width: 568px
2016-12-15 23:14:08
789
原创 css中用边框做三角形
css中用边框做三角形： 行元素要转为块元素：display：inline-block/block宽高度为0倒三角span{border-top:#fff 10px solid;border-bottom:transparent 10px solid;border-left:transparent 10px solid;border-right:transpar
2016-12-14 21:03:39
1373
转载 常用DIV+CSS命名大全集合，即CSS命名规则
一、命名规则说明： - TOP1）、所有的命名最好都小写2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5"3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整4）、空元素要有结束的tag或于开始的tag后加上"/"5）、表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bg
2016-12-12 22:20:20
580
原创 HTML基础知识(二)
head部分的标签：下面这些标签可用在 head 部分：, , ,, , 以及 。其中是 head 部分中唯一必需的元素。 标签 标签为页面上的所有链接规定默认地址或默认目标。通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 U
2016-12-11 21:00:07
343
原创 HTML基础知识(一)
HTML是超文本标记语言 用于编写页面内容及结构基本架构如下： 其中： 声明Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 的用处。 不是 HTML 标签。它为浏览器提供一项信
2016-12-10 22:21:15
284
原创 1209CSS学习笔记
溢出隐藏： overflow:hidden; 图层优先级： z-index:0 /* 默认为0*/ 动画效果（CSS3）： transition: all 1s 0.5s; /*动画效果 all： 属性 ；1s ：所花时间； 0.5s ：延时*/
2016-12-09 21:02:33
279
原创 1208css学习笔记
透明度 opacity: 0-1 块元素加圆角 border-radius：像素或百分数 /*正方形 50%时是圆*/ 鼠标悬停 ：hover 改变鼠标光标形状 cursor: crosshair 十字线 pointer 指示链接的指针（一只手） move 移动 help 帮助（通常是一个问号或一个
2016-12-08 20:59:21
273
原创 css盒子模型学习笔记
盒子模型 margin 外边距(上下左右) 找到最近的一对象(父子关系，兄弟关系) margin-left margin-rightmargin-topmargin-bottom同时写就是居中对齐：margin-left:auto; margin-right:auto; 简写：margin:像素 /* 上下左
2016-12-07 20:50:31
368
原创 css学习笔记1206
一、背景设置：1.背景颜色：background-color：颜色名;2.背景图片插入：background-image:url(图片路径+图片名); 3.背景图片填充设置： background-repeat:no-repeat; /* 不填充*/background-repeat:repeat-x /* 水平方向填充 */back
2016-12-06 21:32:26
249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人