上一页 1 ··· 4 5 6 7 8 9 下一页
2019年9月8日
JavaScript 注释
摘要： JavaScript 注释可用于提高代码的可读性。 ㈠JavaScript 注释（单行） JavaScript 不会执行注释。 我们可以添加注释来对 JavaScript 进行解释，或者提高代码的可读性。 单行注释以 // 开头。 示例介绍： 页面输出结果为： ㈡JavaScript 多行注释 多行 阅读全文
posted @ 2019-09-08 22:21 石海莹 阅读(2119) 评论(0) 推荐(0) 编辑
HTML之marquee(文字滚动)详解
摘要： ㈠简单介绍 ⑴语法：<marquee></marquee> 以下是一个最简单的例子： 代码如下: <marquee><font size=+3 color=red>Hello, World</font></marquee> ⑵下面这两个事件经常用到： onMouseOut="this.start() 阅读全文
posted @ 2019-09-08 22:20 石海莹 阅读(2185) 评论(0) 推荐(0) 编辑
JavaScript 语句
摘要： JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。 简单举例，更加的实体化了解。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript语句</title> </head> <body> 阅读全文
posted @ 2019-09-08 22:20 石海莹 阅读(370) 评论(0) 推荐(0) 编辑
HTML DOM 事件与方法
摘要： HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。 事件通常与函数结合使用，函数不会在事件发生前被执行！ (如用户点击按钮)。 鼠标事件 键盘事件 框架/对象（Frame/Object）事件 表单事件 剪贴板事件 打印事件 拖动事件 多媒体（Media）事件 动 阅读全文
posted @ 2019-09-08 21:51 石海莹 阅读(397) 评论(0) 推荐(0) 编辑
JavaScript Date 对象
摘要： ㈠Date 对象 Date 对象用于处理日期与时间。 创建 Date 对象： new Date() 以下四种方法同样可以创建 Date 对象： var d = new Date(); var d = new Date(milliseconds); var d = new Date(dateStrin 阅读全文
posted @ 2019-09-08 21:50 石海莹 阅读(397) 评论(0) 推荐(0) 编辑
2019年9月6日
JavaScript 语法——字面量，变量，操作符，语句，关键字，注释，函数，字符集
摘要： JavaScript 是一个程序语言。 语法规则定义了语言结构。 它是一个轻量级，但功能强大的编程语言。 ㈠JavaScript 字面量 在编程语言中，一般固定值称为字面量，如 3.14。 ⑴数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)。 <!DOCTYPE html> < 阅读全文
posted @ 2019-09-06 23:09 石海莹 阅读(577) 评论(0) 推荐(0) 编辑
JavaScript 输出的四种方法
摘要： JavaScript 没有任何打印或者输出的函数。 ㈠JavaScript 显示数据 ⑴使用 window.alert() 弹出警告框。 ⑵使用 document.write() 方法将内容写到 HTML 文档中。 ⑶使用 innerHTML 写入到 HTML 元素。 ⑷使用 console.log 阅读全文
posted @ 2019-09-06 22:22 石海莹 阅读(3644) 评论(0) 推荐(0) 编辑
JavaScript是什么？
摘要： 你好！JavaScript！！！ ㈠什么是JavaScript？？？ JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网 阅读全文
posted @ 2019-09-06 21:47 石海莹 阅读(1799) 评论(0) 推荐(0) 编辑
2019年9月5日
CSS3动画之按钮抖动
摘要： 今天要分享一组代码，当鼠标悬停在按钮上时。按钮抖动！！！ 效果图（静态截图）： 想要看具体的动图，那就动手敲起来吧，效果图很可爱滴呦！！！ 阅读全文
posted @ 2019-09-05 23:17 石海莹 阅读(2562) 评论(0) 推荐(0) 编辑
CSS3的多列属性
摘要： CSS3 可以将文本内容设计成像报纸一样的多列布局 ㈠CSS3 多列属性 ㈡column-count 属性 ⑴语法：column-count: number|auto; ⑵值： ㈢column-gap 属性 ⑴语法：column-gap: length|normal; ⑵值： ㈣column-rul 阅读全文
posted @ 2019-09-05 22:57 石海莹 阅读(736) 评论(0) 推荐(0) 编辑
2019年9月3日
JavaScript生成随机数的方法
摘要： 一，函数 Math.ceil(); //向上取整。 Math.floor(); //向下取整。 Math.round(); //四舍五入。 Math.random(); //0.0 ~ 1.0 之间的一个伪随机数。【包含0不包含1】 //比如0.8647578968666494 Math.ceil( 阅读全文
posted @ 2019-09-03 21:26 石海莹 阅读(6207) 评论(1) 推荐(1) 编辑
2019年9月2日
JavaScript 内置函数有什么？
摘要： javaScript内置函数 1.Date：日期函数 属性:constructor 所修立对象的函数参考prototype 能够为对象加进的属性和方法 方法:getDay() 返回一周中的第几天(0-6)getYear() 返回年份.2000年以前为2位,2000(包括)以后为4位getFullYe 阅读全文
posted @ 2019-09-02 20:50 石海莹 阅读(2435) 评论(0) 推荐(1) 编辑
2019年9月1日
cursor（鼠标手型）属性
摘要： ㈠简单介绍 在浏览网页时，通常看到的鼠标光标形状有箭头、手形、沙漏等，而在 windows 中实际看到的鼠标指针种类比这个还要多。 一般情况下，鼠标光标的形状由浏览器负责控制，大多数情况的光标形状为箭头形状，当指向链接时，光标形状会变成手指形状。 cursor 属性规定要显示的光标的类型（形状）。 阅读全文
posted @ 2019-09-01 20:56 石海莹 阅读(16759) 评论(0) 推荐(0) 编辑
用CSS制作箭头的方法
摘要： 一、箭头产生的原理 #demo12 { border: 100px solid; border-color:green blue orange red; width:100px; height:100px; } <div id="demo12"></div> 第一步：设置一个div，然后给他设置样式 阅读全文
posted @ 2019-09-01 20:09 石海莹 阅读(3659) 评论(0) 推荐(0) 编辑
CSS 的伪元素是什么？
摘要： CSS伪元素是用来添加一些选择器的特殊效果。用于：向某个选择器中的文字的首行。 ㈠语法 ①伪元素的语法： selector:pseudo-element {property:value;} ②CSS类也可以使用伪元素： selector.class:pseudo-element {property: 阅读全文
posted @ 2019-09-01 19:26 石海莹 阅读(1146) 评论(0) 推荐(0) 编辑
用CSS创建分页的实例
摘要： 总结介绍如何通过使用 CSS 来创建分页的实例。 ㈠简单分页 如果你的网站有很多个页面，你就需要使用分页来为每个页面做导航。 以下实例演示了如何使用 HTML 和 CSS 来创建分页： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <tit 阅读全文
posted @ 2019-09-01 19:00 石海莹 阅读(649) 评论(0) 推荐(1) 编辑
CSS 按钮
摘要： 总结有关按钮的各种样式 ㈠基本按钮样式 看一下没有进行css样式设计时按钮的样子与进行样式设计的按钮样子 效果图： 看，这就是两者之间的区别，接下来详细的介绍每一个样式添加后的样子。 注：cursor: pointer：光标呈现为指示链接的指针（一只手）。 ㈡按钮颜色 使用 background-c 阅读全文
posted @ 2019-09-01 17:43 石海莹 阅读(679) 评论(1) 推荐(0) 编辑
2019年8月30日
网页布局中高度塌陷的解决方法
摘要： 平时在网页布局的时候总是有文字内容多了，超过溢出限制的高度，那么就会有一些图片会撑破DIV，让网页错位变乱的问题，那如何解决呢？ 这就需要解决如何使用CSS来超出设置CSS宽度和CSS高度的内容自动隐藏掉，又不撑破DIV布局。 特别是在IE6，如果内容超出对象高度和宽度承载，将会被撑破增高，这个时候 阅读全文
posted @ 2019-08-30 21:31 石海莹 阅读(686) 评论(1) 推荐(0) 编辑
CSS 进度条
摘要： 今天和大家分享一组代码，使用css制作进度条。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>进度条</title> <style> @keyframes test { from{left:0;} to{l 阅读全文
posted @ 2019-08-30 21:19 石海莹 阅读(579) 评论(2) 推荐(0) 编辑
DOM导航与DOM事件
摘要： HTML DOM 导航 通过 HTML DOM，能够使用节点关系在节点树中导航。 ㈠HTML DOM 节点列表 getElementsByTagName() 方法返回节点列表。节点列表是一个节点数组。 示例：下面的代码选取文档中的所有 <p> 节点： <!DOCTYPE html> <html> < 阅读全文
posted @ 2019-08-30 20:46 石海莹 阅读(421) 评论(0) 推荐(0) 编辑
2019年8月28日
DOM 修改与DOM元素
摘要： ㈠HTML DOM - 修改 修改 HTML = 改变元素、属性、样式和事件。 ①创建 HTML 内容 改变元素内容的最简单的方法是使用 innerHTML 属性。 下面的例子改变一个 <p> 元素的 HTML 内容： <!DOCTYPE html> <html> <head> <meta char 阅读全文
posted @ 2019-08-28 21:48 石海莹 阅读(499) 评论(0) 推荐(0) 编辑
2019年8月27日
什么是DOM（文档对象模型）？
摘要： ㈠什么是DOM？ 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。 DOM 定义了访问 HTML 和 XML 文档的标准： "W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的 阅读全文
posted @ 2019-08-27 22:00 石海莹 阅读(3055) 评论(0) 推荐(0) 编辑
2019年8月26日
什么是iframe及作用是什么？
摘要： 一. iframe是什么及作用 iframe是嵌入式框架, 是html标签, 还是一个内联元素, iframe 元素会创建包含另外一个文档的内联框架（即行内框架) . 说白了, iframe用来在页面嵌入其他页面. 通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。 <i 阅读全文
posted @ 2019-08-26 22:57 石海莹 阅读(15776) 评论(1) 推荐(5) 编辑
2019年8月25日
@media 媒体查询
摘要： ♠媒介类型 在CSS2中，媒体查询只使用于<style>和<link>标签中，以media属性存在。 media属性用于为不同的媒介类型规定不同的样式 ⑴screen 计算机屏幕（默认值） ⑵tty 电传打字机以及使用等宽字符网格的类似媒介 ⑶tv 电视类型设备（低分辨率、有限的屏幕翻滚能力） ⑷p 阅读全文
posted @ 2019-08-25 22:43 石海莹 阅读(274) 评论(1) 推荐(0) 编辑
2019年8月24日
CSS3实现穿墙广告效果
摘要： ㈠分享一组很有趣的代码： 具体如下： <!doctype html> <html> <head> <meta charset="UTF-8"> <title>穿墙广告</title> <style> *{ margin:0; padding:0; list-style:none; } ul{ ove 阅读全文
posted @ 2019-08-24 22:52 石海莹 阅读(424) 评论(1) 推荐(0) 编辑
2019年8月23日
CSS颜色透明度
摘要： 怎样用CSS样式表来设置DIV的透明半透明？ ㈠首先说一下设置DIV半透明的CSS代码： div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;} 说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(O 阅读全文
posted @ 2019-08-23 23:16 石海莹 阅读(1046) 评论(1) 推荐(0) 编辑
CSS波纹动画
摘要： 波纹动画 在此运用到css的动画属性，以及背景等相关属性。 值得一说的是下面代码中一直写到的这样一行代码：filter: alpha(opacity=0~100) ，这是考虑到浏览器兼容的问题。 IE使用私有属性filter:alpha(opacity)，Moz Family使用私有属性-moz-o 阅读全文
posted @ 2019-08-23 22:49 石海莹 阅读(986) 评论(1) 推荐(0) 编辑
2019年8月22日
计算机专用英语词汇
摘要： ㈠词汇说明： ㈡单词汇总 1.file,n.文件；v.保存文件 [faɪl]2.command,n.命令，指令 [kəˈmænd]3.use,v.使用，用途 [jus]4.program,n.程序 [ˈproʊgræm]5.line,n.(数据，程序)行，线路 [laɪn]6.if,conj.如果 阅读全文
posted @ 2019-08-22 20:57 石海莹 阅读(2205) 评论(0) 推荐(0) 编辑
2019年8月21日
什么是奇偶选择器？
摘要： ㈠定义及用法 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。 n 可以是数字、关键词或公式。 ㈡示例1 Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词（第一个子元素的下标是 1）。 1 <!DOCTYPE html> 2 <html> 3 阅读全文
posted @ 2019-08-21 22:37 石海莹 阅读(1077) 评论(1) 推荐(0) 编辑
2019年8月20日
什么是弹性盒子 （ Flex Box)？
摘要： ㈠什么是弹性盒子？ 弹性盒子是 CSS3 的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。 ● 伸缩容器：设置为display:flex 阅读全文
posted @ 2019-08-20 23:44 石海莹 阅读(2424) 评论(1) 推荐(0) 编辑
HTML的<form>表单标签
摘要： 表单 HTML 表单用于搜集不同类型的用户输入。 ㈠Form标签 ⑴form标签简介 在HTML中，如果创建一个表单，就把各种表单标签放在<form></form>标签内部。我们常说的表单，指的是文本框，按钮，下拉列表等的统称。 form一共有五个重要属性，分别是name，action，method 阅读全文
posted @ 2019-08-20 16:53 石海莹 阅读(1685) 评论(1) 推荐(0) 编辑
2019年8月19日
浏览器兼容问题
摘要： 所有浏览器 通用height: 100px;IE6 专用_height: 100px;IE6 专用*height: 100px;IE7 专用*+height: 100px;IE7、FF 共用height: 100px !important; 程序代码height:100px;*height:120p 阅读全文
posted @ 2019-08-19 23:35 石海莹 阅读(424) 评论(0) 推荐(0) 编辑
CSS3 文字渐变动画
摘要： 背景剪裁 语法：background-clip: border-box || padding-box || context-box || no-clip || text 本次用到的就是: -webkit-background-clip:text;（谷歌浏览器） 示例：从局部到全局渐变 效果图： 这是 阅读全文
posted @ 2019-08-19 21:55 石海莹 阅读(1297) 评论(1) 推荐(1) 编辑
HTML中的超链接(Hyperlink)
摘要： 超链接 ★超链接简单介绍 超链接可以说是网页中最常见的元素。超链接的英文名是hyperlink。每个网站都是由众多的网页组成，网页之间通常都是通过链接的方式相互关联的。 超链接能够让浏览者在各个独立的页面之间方便的跳转。超链接的范围很广，可以将文档中的任何文字及任何位置的图片设置为超链接。 超链接可 阅读全文
posted @ 2019-08-19 11:04 石海莹 阅读(4827) 评论(1) 推荐(1) 编辑
2019年8月18日
HTML中的表格和图像总结
摘要： ㈠表格 ⑴表格的基本结构 ①表格的基本标签有：table标签（表格），tr标签（行），td标签（单元格）。<tr>标签和<td>标签都要在表格的开始标签<table>和结束标签</table>之间才有效。 ②tr即"table row"(表格行)，td即"table data cell"(表格单元格 阅读全文
posted @ 2019-08-18 19:17 石海莹 阅读(1598) 评论(1) 推荐(1) 编辑
2019年8月17日
HTML的基本结构
摘要： ㈠HTML基本结构 一张网页就是一个HTML文档，一个HTML文档由4个基本部分组成。 ①文档声明：<!DOCTYPE html> ②html标签对：<html></html> ③head标签对：<head></head> ④body标签对：<body></body> ㈡head标签 在<head> 阅读全文
posted @ 2019-08-17 22:33 石海莹 阅读(7989) 评论(2) 推荐(1) 编辑
2019年8月16日
CSS 内边距 padding 属性
摘要： CSS padding 属性定义元素边框与元素内容之间的空白区域。 ㈠padding（填充） ⑴当元素的 padding（填充）内边距被清除时，所释放的区域将会受到元素背景颜色的填充。 ⑵单独使用 padding 属性可以改变上下左右的填充。 ⑶可能的值： ⑴length 定义一个固定的填充(像素, 阅读全文
posted @ 2019-08-16 22:03 石海莹 阅读(5759) 评论(0) 推荐(0) 编辑
2019年8月15日
CSS3 的背景属性
摘要： ㈠background-size 属性 ⑴background-size 属性规定背景图片的尺寸。 ⑵在 CSS3 之前，背景图片的尺寸是由图片的实际尺寸决定的。在 CSS3 中，可以规定背景图片的尺寸，这就允许在不同的环境中重复使用背景图片。 ⑶能以像素或百分比规定尺寸。如果以百分比规定尺寸，那么 阅读全文
posted @ 2019-08-15 21:50 石海莹 阅读(493) 评论(1) 推荐(1) 编辑
2019年8月14日
HTML+CSS之光标悬停图片翻转效果
摘要： 设计思路： 首先做一个包括图片和说明文字的简单的页面结构，然后再设置它的变换。将变换的元素，即照片和文字放在一个父容器里面，这就需要四个父容器 ，再将这四个父容器放在最外层的舞台上面进行变换，在每个父容器里面都包括两部分：一个是上面的图片，还有一个是下面的说明文字。最后采用层定位将图片和下面的说明文 阅读全文
posted @ 2019-08-14 23:11 石海莹 阅读(3507) 评论(1) 推荐(1) 编辑
CSS3做出条纹大背景
摘要： ㈠实现不等宽背景条纹 实现如上图所示的效果，代码如下： 其他效果： ⑴如果想设置等宽的渐变只需要将开始值和结束值改为互补 ⑵如果需要等宽切无过渡的渐变，开始和结束值设置为50%即可。 ⑶如果想要垂直条纹，你只需要调整background-size的x、y值即可。 ㈡瓷砖条纹背景 实现如上图所示的效果 阅读全文
posted @ 2019-08-14 19:44 石海莹 阅读(574) 评论(2) 推荐(2) 编辑
上一页 1 ··· 4 5 6 7 8 9 下一页