前端 [HTML/HTML5/CSS]
Jaybo_
生活不止苟且和代码,还有诗和远方。
展开
-
JavaScript快速学习
一、Javascript概述(知道)a.一种基于对象和事件驱动的脚本语言b.作用: 给页面添加动态效果c.历史: 原名叫做livescript.W3c组织开发的标准叫ECMAscipt.d.特点: 1). 弱势语言 2). 由浏览器直接解析执行。(函数不能直接执行) 3). 是一个解释性语言 4). 交互性(它可以做的就是信息的动态交互) 5).原创 2016-06-04 23:12:45 · 512 阅读 · 0 评论 -
CSS知识点个人总结(不断更新)
1、CSS中!important的使用CSS的原理:我们知道,CSS写在不同的地方有不同的优先级, .css文件中的定义 <(小于) 元素style中的属性,但是如果使用!important,事情就会变得不一样。 首先先看一段代码:<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; ch原创 2017-06-03 01:22:35 · 490 阅读 · 0 评论 -
CSS中margin和padding的区别
padding、margin都是边距的含义,关键问题得明白是什么相对什么的边距。padding是控件的内容相对控件的边缘的边距,margin是控件边缘相对父空间的边距。在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。下面讲解 padding和margin常用的用法padding1原创 2017-05-30 00:32:23 · 545 阅读 · 0 评论 -
HTML实现贪吃蛇
<!doctype html><html><head></head><body><div id="box" style="width:256px;font:25px/25px 宋体;background:#000;color:#9f9;"></div><script>var arr=[15];var next=10;//最好判断一下arr[1]!=arr[0]+xdocument.onkey转载 2017-04-14 13:05:59 · 8436 阅读 · 2 评论 -
JavaScript神奇的魔法代码
下面的这段代码在网络上广为流传,被众多JavaScript爱好者奉为代表JavaScript魔力的经典:JavaScript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=转载 2017-04-14 12:59:53 · 2572 阅读 · 0 评论 -
HTML <button> 和 input type=“button”的区别 / input type="submit" 和"button"的区别
HTML 和 input type=“button”的区别:1. 标签里可以放文本图片等内容,与创建的按钮不同。2. 中的button通常与javascript一起使用启动脚本。如: 。3. 如果在 HTML 表单中使用 元素,不同的浏览器可能会提交不同的按钮值。通常用在 HTML 表单中创建按钮。input type="submit" 和"原创 2017-04-03 18:07:27 · 1408 阅读 · 0 评论 -
CSS学习笔记
一、CSS 概述(了解)CSS: Cascading Style Sheet 层叠样式表CSS 作用就是给html页面标签添加各种样式为什么用CSS html的缺陷: 1,不能够适应多种设备2,要求浏览器必须智能化足够庞大3,数据和显示没有分开4,功能不够强大css的有点: 1,使数据和显示分开2,降低网络流量3,使整个网站视觉效果一致4,使开发效率提高了二、CSS 语法原创 2016-06-05 14:56:22 · 507 阅读 · 0 评论 -
HTML学习笔记
一、HTML的概述(了解)a. html是什么:hypertext markup language 超文本标记语言b. 作用:编写html页面c. html语言不是一个编程语言(有编译过程),而是一个标记语言(没有编译过程),html页面直接由浏览器解析执行。二、HTML的历史(了解)三、HTML的网络术语(明白)网页:由各种标记组成的一个页面就叫网页。主页(首页):一个网站的起始页面或原创 2016-06-04 22:26:55 · 835 阅读 · 0 评论 -
jQuery笔记
基本选择器:id为one的:$(”#one”).css(“background”,”#ffbbaa”);class为mini的:$(“.mini”).div:$(”#one”).css(“background”,”#ffbbaa”);body:$(“*”).选择span和id为two的:$(“span,#two”).层次选择器:过滤选择器:基本过滤内容过滤可见性过滤属性过滤子元原创 2017-04-08 00:34:11 · 246 阅读 · 0 评论 -
 |"|&|<|>等html字符转义
提示:请直接按CTRL+F搜索您要查找的转义字符。常用表:No.文字表記10進表記16進表記文字 Comment001"""""" quotation mark = APL quote00转载 2017-04-07 19:21:29 · 6410 阅读 · 0 评论 -
主流浏览器内核介绍(前端开发值得了解的浏览器内核历史)
内核首先得搞懂浏览器内核究竟指的是什么。浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。所有网页浏览器、电子邮件客户转载 2017-12-25 20:16:10 · 673 阅读 · 0 评论