![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css js
sereasuesue
生命不息 奋斗不止
逆风的方向更适合飞翔
展开
-
css id 和 class 选择器
id 选择器id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。(id 选择器,好比身份ID属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用class 选择器class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,cla...原创 2018-10-23 14:15:35 · 139 阅读 · 0 评论 -
JavaScript 数组知识图
转载 2019-09-02 16:36:51 · 125 阅读 · 0 评论 -
javascript DOM 知识图
HTML DOM (文档对象模型)当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。主要目的就是把网页里面的元素当成对象一样支配HTML DOM 定义了用于 HTML 的一系列标准的对象,以及访问和处理 HTML 文档的标准方法。通过 DOM,你可以访问所有的 HTML 元素,连同它们所包含的文本和属性。HTML DOM 独立于平台和编程语言...原创 2019-09-03 15:34:55 · 193 阅读 · 0 评论 -
audio 音频标签的使用 及实例
audio 音频标签的使用属性 值 描述 autoplay autoplay 如果出现该属性,则音频在就绪后马上播放。 controls controls 如果出现该属性,则向用户显示音频控件(比如播放/暂停按钮)。 loop loop 如果出现该属性,则每当音频结束时重新开始播放。 muted muted 如果...原创 2019-09-04 16:44:35 · 1444 阅读 · 0 评论 -
jQuery简介及简单语法
什么是 jQuery ?jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少,做的多"的JavaScript库。jQuery库包含以下功能:HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities提示:除此之外,Jquery还提...原创 2019-09-05 09:53:42 · 170 阅读 · 0 评论 -
jQuery里面的选择器
jQuery里面的选择器jQuery里面的选择器多种多样,它支持css1~css3的选择器,【老版本的jQuery还支持Xpath的选择器】,在原来的CSS选择器上面又扩展了一些新的选择器jQuery支持CSS当中的九大选择标签,ID,class,兄弟,子代,后代,伪元素/伪类,属性,分组除上了面的九个选择器以外,还扩展了一些其它的选择器,Query 中所有选择器都以美元符号开头:...原创 2019-09-05 14:09:14 · 136 阅读 · 0 评论 -
jQuery事件
什么是事件?页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。jQuery 是为事件处理特别设计的。实例:在元素上移动鼠标。 选取单选按钮 点击元素在事件中经常使用术语"触发"(或"激发")例如: "当您按下按键时触发 keypress 事件"。常见 DOM 事件:鼠标事件 键盘事件 表单事件 文档/窗...原创 2019-09-05 16:21:33 · 104 阅读 · 0 评论 -
JavaScript 存储对象 sessionStorage (会话存储) 和 localStorage(本地存储)
JavaScript 存储对象Web 存储 API 提供了 sessionStorage (会话存储) 和 localStorage(本地存储)两个存储对象来对网页的数据进行添加、删除、修改、查询操作。 localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。 sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或...原创 2019-09-06 14:31:10 · 3398 阅读 · 0 评论 -
配色网站
01渐变色https://www.grabient.com/?ref=producthunt02New Flat UI Color Picker网站地址:http://www.flatuicolorpicker.com/New Flat UI Color Picker提供最好的扁平化UI设计配色方案,右上角有多种主色可供选择。03Flat UI Colors...原创 2019-09-09 09:33:41 · 326 阅读 · 0 评论 -
JavaScript 能够改变页面中的所有 HTML 元素
JavaScript 能够改变页面中的所有 HTML 元素改变 HTML 输出流JavaScript 能够创建动态的 HTML 内容:在 JavaScript 中,document.write()可用于直接向 HTML 输出流写内容。改变内容document.getElementById(id).innerHTML=新的 HTML<!DOCTYPE ...原创 2019-09-09 10:58:21 · 905 阅读 · 0 评论 -
JavaScript 条件语句
JavaScript 条件语句条件语句通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。在 JavaScript 中,我们可使用以下条件语句:if 语句- 只有当指定条件为 true 时,使用该语句来执行代码 if...else 语句- 当条件为 true 时执行代码,当条件为 false 时执行其他代码 if...else i...原创 2019-09-02 15:02:02 · 451 阅读 · 0 评论 -
CSS动画
CSS动画CSS3的动画属性下面的表格列出了 @keyframes 规则和所有动画属性:属性 描述 CSS @keyframes 规定动画。 3 animation 所有动画属性的简写属性,除了 animation-play-state 属性。 3 animation-name 规定 @keyframes 动画的名称。 3...原创 2019-08-30 16:05:57 · 341 阅读 · 0 评论 -
HTML 表单
HTML 表单表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签 <form> 来设置:<form>.input 元素.< /form>HTML 表单用于收集不同类型的用户输入。...原创 2018-09-17 23:18:40 · 124 阅读 · 0 评论 -
伪类选择器
伪类选择器CSS伪类(Pseudo-class)用于向某些选择器添加特殊的效果。使用伪类选择器的语法如下: selector:pseudo-class {property:value;} 常用的CSS伪类见表3-1。书写时尽量不要颠倒 下面的代码给出了伪类用于超链接的显式效果,在不同的状态下超链接的颜色不同。 <html> <head> &l...原创 2018-10-23 14:41:54 · 1426 阅读 · 1 评论 -
css外观属性 字符 背景
font 字符font-family 设置文本的字体系列 可取值:字体类:Serif Sans-serif Monospce Cursive Fantasy 或:字体名:Times Arial Courier ZapfChancery Westernfont-size 字体大小单位 绝对:pt(point) pc(pick皮卡) in(inch) mm(m...原创 2018-10-23 15:21:29 · 275 阅读 · 0 评论 -
css文本效果
CSS3 的文本阴影CSS3 中,text-shadow属性适用于文本阴影。您指定了水平阴影,垂直阴影,模糊的距离,以及阴影的颜色:text-shadow: 5px 5px 5px #FF0000;水平位置 垂直位置 模糊距离 阴影颜色CSS3 box-shadow属性适用于盒子阴影CSS3的换行如果某个单词太长,不适合在一个区域内,它扩展到外面:CSS3中,自...原创 2018-10-23 18:49:24 · 137 阅读 · 0 评论 -
Css过渡 动画 2D3D变化
CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。要实现这一点,必须规定两项内容:指定要添加效果的CSS属性 指定效果的持续时间。注意: 如果未指定的期限,transition将没有任何效果,因为默认值是0。<!DOCTYPE html><html><head><meta charset="utf-8"> <t...原创 2018-10-23 19:20:42 · 277 阅读 · 0 评论 -
CSS列表 表格
CSS列表属性作用如下:设置不同的列表项标记为有序列表 设置不同的列表项标记为无序列表 设置列表项标记为图像 列表 在HTML中,有两种类型的列表: 无序列表 - 列表项标记用特殊图形(如小黑点、小方框等) 有序列表 - 列表项的标记有数字或字母 使用CSS,可以列出进一步的样式,并可用图像作列表项标记。 表格边框 指定CSS表格边框,使用border属性。 下面...原创 2018-10-23 19:42:28 · 484 阅读 · 0 评论 -
CSS display(显示)
隐藏元素 - display:none或visibility:hidden隐藏一个元素可以通过把display属性设置为"none",或把visibility属性设置为"hidden"。但是请注意,这两种方法会产生不同的结果。visibility:hidden可以隐藏某个元素,但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说,该元素虽然被隐藏了,但仍然会影响布局display:no...翻译 2018-11-06 10:52:20 · 347 阅读 · 0 评论 -
CSS margin(外边距)属性
CSS margin(外边距)属性定义元素周围的空间。marginmargin 清除周围的(外边框)元素区域。margin 没有背景颜色,是完全透明的。margin 可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。可能的值值 说明 auto 设置浏览器边距。 这样做的结果会依赖于浏览器 length 定义一个固定的margin...转载 2018-11-06 10:53:39 · 836 阅读 · 0 评论 -
CSS padding(填充)position (定位)
CSS padding(填充)是一个简写属性,定义元素边框与元素内容之间的空间,即上下左右的内边距。padding(填充)当元素的 padding(填充)内边距被清除时,所释放的区域将会受到元素背景颜色的填充。单独使用 padding 属性可以改变上下左右的填充。可能的值值 说明 length 定义一个固定的填充(像素, pt, em,等) % 使...转载 2018-11-06 11:12:47 · 2053 阅读 · 2 评论 -
人机交互大作业考核要求
考试说明根据课程特点,考试采取大作业形式。为了考试学生的对课程基本理论、基本知识点的考察,要求学生调查报告中必须满足下述文档描述要求;同时,为了充分发挥学生的自我能动性、积极性、创造性,要求学生在满足基本要求的前提下,可以根据个人的能力充分发挥。考核内容及评分标准 课程大作业项目设计内容 设计并搭建一个web网站,完成用户的登陆功能(该网站同时支持PC端及手机移动端两种访问方式)。推...转载 2019-05-01 19:57:09 · 2904 阅读 · 0 评论 -
css弹性布局和相关属性
弹性布局弹性布局主要是解决移动端的问题,但是并不代表它不能适用于PC端,它最重要的技术就是一个叫弹性盒子(flexbox)的东西弹性盒子最主要的几个属性如下display:flex这个属性将当前这个元素变成弹性盒子,一旦这个元素变成了弹性盒子以后,它就会多出一个row与column的两个轴flex 属性用于指定弹性子元素如何分配空间。语法flex: auto |...原创 2019-08-30 14:55:37 · 599 阅读 · 0 评论 -
onreadystatechange 事件
onreadystatechange 事件当请求被发送到服务器时,我们需要执行一些基于响应的任务。每当 readyState 改变时,就会触发 onreadystatechange 事件。readyState 属性存有 XMLHttpRequest 的状态信息。下面是 XMLHttpRequest 对象的三个重要的属性:属性 描述 onreadystatechange...原创 2019-09-09 15:56:31 · 14295 阅读 · 1 评论 -
AJAX 语法
AJAX - 创建 XMLHttpRequest 对象XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。创建 XMLHttpRequest 对象所有现代浏览器(IE7+、Firefox、Chrome、Safari 以及 Opera)均内建 XMLHttpRequest 对象。创建 XMLHttpRequest...原创 2020-03-27 20:11:25 · 143 阅读 · 0 评论