随笔档案「2017年9月」 - XMLYS

jq的基本用法

摘要：jq的基本语法： $(function(){ }); jq显示与隐藏: hide(); show(); toggle();//自动，如果当前为显示，那么点击就隐藏；如果当前为隐藏，点击就为显示。淡入淡出函数：四种 fade 方法： fadeIn();//用于淡入已隐藏的元素。 fadeOut() 阅读全文

posted @ 2017-09-30 12:15 XMLYS 阅读(1185) 评论(0) 推荐(0)

overflow的用法

摘要：1、overflow 属性规定当内容溢出元素框时发生的事情。 2、所有主流浏览器都支持 overflow 属性。注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。 3、overflow的所有可能的属性值阅读全文

posted @ 2017-09-29 17:27 XMLYS 阅读(687) 评论(0) 推荐(0)

DOM模型

摘要：DOM属性和方法函数节点类型nodeType: nodeType 的值为1，2，3时，分别表示元素节点，属性节点，文本节点 removeChild: 父节点.removeChild(子节点) 注意：通常的方法是先寻找到欲删除的节点，然后再利用parentNode属性寻找到其父节点，再用此remov 阅读全文

posted @ 2017-09-29 10:52 XMLYS 阅读(159) 评论(0) 推荐(0)

css颜色渐变

摘要：阅读全文

posted @ 2017-09-27 16:33 XMLYS 阅读(127) 评论(0) 推荐(0)

伪元素

摘要：1、"first-line" 伪元素用于向文本的首行设置特殊样式。只能用于块级元素 1、"first-letter" 伪元素用于向文本的首字母设置特殊样式。只能用于块级元素 3、":before" 伪元素可以在元素的内容前面插入新内容。 4、":after" 伪元素可以在元素的内容之后插入新内容。阅读全文

posted @ 2017-09-26 16:36 XMLYS 阅读(168) 评论(0) 推荐(0)

元素发光和文字发光

摘要：css3发光效果分为两种：一种是元素外发光，一种是文字外发光元素外发光（box-shadow）文字外发光（text-shadow）语法： box-shadow: h-shadow v-shadow blur spread color inset; text-shadow: h-shadow v 阅读全文

posted @ 2017-09-22 10:17 XMLYS 阅读(339) 评论(0) 推荐(0)

列表

摘要：下拉列表：注释：name 属性规定 input 元素的名称。只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。 value：规定输入字段的默认值单选按钮，(name一定要写，value可以不写 ) 这个下拉列表包含一个“项目组”(item group)，这个组是无法选择的，使用l 阅读全文

posted @ 2017-09-20 14:28 XMLYS 阅读(121) 评论(0) 推荐(0)

CSS文字样式

摘要：letter-spacing：字间距 text-indent：文本缩进，所有元素的第一行都可以缩进一个给定的长度，甚至该长度可以是负值。（为所有块级元素应用 text-indent，但无法将该属性应用于行内元素，图像之类的替换元素上也无法应用 text-indent 属性。） text-align: 阅读全文

posted @ 2017-09-19 14:02 XMLYS 阅读(272) 评论(0) 推荐(0)

正则表达式

摘要：定义正则表达式(RegExp): RegExp对象方法:test()、exec()、complie() 1、test()方法检索字符串中的指定值，返回值是false或true。由于该字符串中存在字母 "e"，以上代码的输出将是：true 2、 exec() 方法检索字符串中的指定值。返回值是被找到阅读全文

posted @ 2017-09-15 15:45 XMLYS 阅读(130) 评论(0) 推荐(0)

JS时钟

摘要：setTimeout（function，n）表示的是在n毫秒之后执行function这个方法或者是代码。阅读全文

posted @ 2017-09-15 11:59 XMLYS 阅读(218) 评论(0) 推荐(0)

canvas画布

摘要：1、JavaScript 使用 id 来寻找 canvas 元素： 2、然后，创建 context 对象： 3、下面的两行代码绘制一个红色的矩形： fillStyle 方法将其染成红色，fillRect 方法规定了形状、位置和尺寸。阅读全文

posted @ 2017-09-13 17:10 XMLYS 阅读(239) 评论(0) 推荐(0)

Table表格

摘要：注释：<tfoot> 内部必须拥有 <tr> 标签！注释：如果您使用 thead、tfoot 以及 tbody 元素，您就必须使用全部的元素。它们的出现次序是：thead、tfoot、tbody，这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。 border 阅读全文

posted @ 2017-09-12 10:02 XMLYS 阅读(419) 评论(0) 推荐(0)

HTML样式

摘要：1、去掉链接的下划线:style="text-decoration:none" 2、使用 base 标签使页面中的所有标签在新窗口中打开: <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <bas 阅读全文

posted @ 2017-09-11 13:45 XMLYS 阅读(190) 评论(0) 推荐(0)

块元素与行内元素

摘要：默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。块级元素在浏览器显示时，通常会以新行来开始（和结束）。块级元素(block element)：display:block; block元素的特点是：总是在新行上开始；高度，行高以及顶和底边距都可控制；宽阅读全文

posted @ 2017-09-11 10:35 XMLYS 阅读(190) 评论(0) 推荐(0)

HTML标签

摘要：空的 HTML 元素: 就是没有关闭标签的空元素（ 标签定义换行）。 ，是关闭空元素的正确方法。 pre预处理文本:保留了空格和换行例如：没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。 就是没有关闭标签的空元素（ 标签定义换行）。在阅读全文

posted @ 2017-09-11 10:27 XMLYS 阅读(264) 评论(0) 推荐(0)

HTML5语义化标签

摘要：HTML5标签 HTML 5的革新之一：语义化标签一节元素标签。在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。（即使我们用css样式的id和class形容这块内容的意义）。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现在，那些之前没“意义” 阅读全文

posted @ 2017-09-06 14:45 XMLYS 阅读(337) 评论(0) 推荐(0)

PS的一些注意事项

摘要：前端做图片处理是必须要会的东西： 1、这里讲怎么用Photoshop扣带有渐变背景的图片文字阅读全文 2、在ps中按ctrl+T可以旋转、自由变换图片，一个ps同时打开多个图片，可以把一个图片的某个图层直接拖动到另外一个图层上，即是两张图片合成一张的方法（点击拖动按钮，然后把鼠标放到需要拖动的图层阅读全文

posted @ 2017-09-06 13:57 XMLYS 阅读(591) 评论(0) 推荐(0)