- 博客(23)
- 收藏
- 关注
原创 HTML基础知识(三)--文本格式标签
标题标签h1~h6:标题;从h1到h6字号依次减小,字体默认加粗,可设置水平对齐方式标题;文字标签font:文字;设置字号大小文字 默认3号字,从小到大有1到7号7个字号可选;设置字体颜色文字 默认黑色;设置字体属性文字 默认浏览器默认字体,本地无某字体时,设置该字体无效,还是按默认字体显示;直线标签hr:;设置水平对齐方式;设置直线宽度;默认100
2016-12-31 20:47:37 1700
原创 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 464
原创 12.29js学习笔记
标签/ 元素.getAttribute('属性'); 获取标签属性的值 标签/ 元素.setAttribute('属性','属性值'); 改变标签属性的值例:mid_pic.setAttribute('src',pic); //给 id=mid-pic里面的属性src重新赋值
2016-12-29 20:52:26 370
原创 12.28JS学习笔记
dom元素 class 标记标签的获取 document.getElementsByClassName("class名称") 元素之间值的获取 元素.innerHTML HMTL跟文本 元素.innerText 获取纯文本 document.getElementsByTagName("span"); //获取标记标签
2016-12-28 19:39:04 331
原创 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 12326
转载 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 742
转载 HTML标签marquee
marquee语法 实例一Hello, Worldmarquee常用到的两个事件:onMouseOut="this.start()" 当鼠标移出该区域时onMouseOver="this.stop()" 当鼠标移入该区域时实例二marquee常用到的两个事件下面开始说一下marquee所支持的属性behavior设定滚动的方式:
2016-12-25 18:28:08 316
原创 <body></ body >里的属性
HTML 标签里的属性:bgcolor设置页面背景颜色 即页面背景色为红色; background设置背景图片 bgproperties=fixed是设置背景图片不随滚动条的滚动而滚动,直接加在地址后面即可。即网页文字为绿色对于链接中的文字,link,vlink,alink分别对应:普通超级链接,访问过的超级链接,当前活动的超级链接。如,当前颜色为粉色,点击时
2016-12-24 20:56:30 3406
原创 CSS3背景颜色渐变
背景颜色渐变:background:linear-gradient(颜色名);默认 从上到下 多个颜色用逗号分隔background:linear-gradient(left,颜色名); 从左到右background:linear-gradient(left top,颜色名); 从左上到右下(对角线)background:linear-gradient(de
2016-12-23 20:53:53 638
原创 CSS3 transform
transform值的设置:移动translate: translate(x,y) /*x 、y为像素*/ translate3d(x,y,z) translateX(x)
2016-12-22 21:50:02 375
原创 CSS3样式过渡transition
transition例:transition:all 1s ease 0s说明:all: 过渡的属性名称 单独写为:transition-property 默认为all 所有属性 none
2016-12-21 21:43:32 917
原创 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 577
原创 12.19CSS学习笔记
滤镜 filter: grayscale(80%)/blur(像素)旋转 transform:rotate(**deg)旋转单位deg(度数) 正值就是顺时针旋转 负值就是逆时针旋转缩放 transform:scale(number)number为缩放比例水平位移 transform: translateX(像素)竖直位移 transform: translateY
2016-12-19 20:15:27 359
转载 CSS3响应式布局meta viewport属性
页面的头部之间加上: meta viewport这个属性是在移动设备上设置原始大小显示和是否缩放的声明。 参数设置∶ width – viewport的宽度 height – viewport的高度 initial-scale – 初始的缩放比例 minimum-scale – 允许用户缩放到的最小比例 maximum-
2016-12-16 23:32:52 3156
转载 CSS设置滚动条样式
滚动条样式主要涉及到如下CSS属性: overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容 overflow: auto; 在需要时内容会自动添加滚动条 overflow: scroll; 总是显示滚动条 overflow-x: hidden; 禁止横向的滚动条 overflow-y: scroll; 总是显示纵向滚动条 width: 568px
2016-12-15 23:14:08 825
原创 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 1396
转载 常用DIV+CSS命名大全集合,即CSS命名规则
一、命名规则说明: - TOP1)、所有的命名最好都小写2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5"3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整4)、空元素要有结束的tag或于开始的tag后加上"/"5)、表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bg
2016-12-12 22:20:20 628
原创 HTML基础知识(二)
head部分的标签:下面这些标签可用在 head 部分:, , ,, , 以及 。其中是 head 部分中唯一必需的元素。 标签 标签为页面上的所有链接规定默认地址或默认目标。通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 U
2016-12-11 21:00:07 366
原创 HTML基础知识(一)
HTML是超文本标记语言 用于编写页面内容及结构基本架构如下: 其中: 声明Web 世界中存在许多不同的文档。只有了解文档的类型,浏览器才能正确地显示文档。HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML 页面。这就是 的用处。 不是 HTML 标签。它为浏览器提供一项信
2016-12-10 22:21:15 301
原创 1209CSS学习笔记
溢出隐藏: overflow:hidden; 图层优先级: z-index:0 /* 默认为0*/ 动画效果(CSS3): transition: all 1s 0.5s; /*动画效果 all: 属性 ;1s :所花时间; 0.5s :延时*/
2016-12-09 21:02:33 292
原创 1208css学习笔记
透明度 opacity: 0-1 块元素加圆角 border-radius:像素或百分数 /*正方形 50%时是圆*/ 鼠标悬停 :hover 改变鼠标光标形状 cursor: crosshair 十字线 pointer 指示链接的指针(一只手) move 移动 help 帮助(通常是一个问号或一个
2016-12-08 20:59:21 287
原创 css盒子模型学习笔记
盒子模型 margin 外边距(上下左右) 找到最近的一对象(父子关系,兄弟关系) margin-left margin-rightmargin-topmargin-bottom同时写就是居中对齐:margin-left:auto; margin-right:auto; 简写:margin:像素 /* 上下左
2016-12-07 20:50:31 396
原创 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 268
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人