接触前端web开发已经一个月了，当然这里面还是有知识盲点。首先我会先总结一下我自己经常出错的地方，其次再介绍一下html5的部分用法。1、回顾知识点在使用css的时候首先要在head头文件里面加入link语句，具体如下：<head><link rel="stylesheet" type="text/css" href="链接样式表文件.css"/></head>其次我们会在css中建立一个通用css和index.css在通用css中一般会有一下几个语句：*{padding: 0;margin: 0;box-sizing: border-box...
HTML代码大全<html></html> 创建一个HTML文档 <head></head> 设置文档标题和其它在网页中不显示的信息 <title></title> 设置文档的标题 <h1></h1> 最大的标题 <pre></pre> 预先格式化文本 <u></u> 下划线 <b></b> 黑体字 <i></i> 斜体字 <tt></tt> 打字机风格的字体 <cite></cite> 引用,通常是斜体 <em></em> 强调文本(通常是斜体加黑体) <strong></strong> 加重文本(通常是斜体加黑体) <font size="" color=""><...
header标签,aside标签,footer标签 <!doctype html> <html> <head> <style> /* *{border:1px solid red;height:20px} 所有的html5结构标签本质上来说就是一个div标签，只不过有意义 */ /*页面头部 header*/ header{height:150px;background:#ABCDEF} nav{height:30px;background:#FF9900;margin-top:100px} nav ul li{width:100px;height:30px;float:left;line-height:30px} /...
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>Test</title><script src="jquery.1.11.0.min.js"></script><script type="text/javascript">$(function () {settime_show();$(‘#btn‘).click(function () {});});function settime_show() {setTimeout(show, 2000);}function show() {$(‘.bg‘).show();$(‘.show‘).fadeIn(‘slow‘)//$(‘.show‘).show(‘slow‘); setTimeout(hide, 4000);//$(‘.show...
HTML 文本格式化标签标签描述' ref='nofollow'>定义粗体文本' ref='nofollow'>定义着重文字' ref='nofollow'>定义斜体字' ref='nofollow'>定义小号字定义加重语气' ref='nofollow'>定义下标字' ref='nofollow'>定义上标字' ref='nofollow'>定义插入字' ref='nofollow'>定义删除字HTML "计算机输出" 标签标签描述' ref='nofollow'>定义计算机代码' ref='nofollow'>定义键盘码' ref='nofollow'>定义计算机代码样本' ref='nofollow'>定...
guest标签：验证当前用户是否为“访客”，即未认证（包含未记住）的用户； shiro标签：<shiro:guest></shiro:guest> ； freemark中： <@shiro.guest> </@shiro.guest> user标签：认证通过或已记住的用户 shiro标签：<shiro:user> </shiro:user> ；freemark中： <@shiro.user> </@shiro.user> authenticated标签：已认证通过的用户。不包含已记住的用户，这是与user标签的区别所在。 shiro标签：<shiro:auth...
XHTML规则XHTML是XML得一个应用，它遵守XML得规范和要求。从技术角度上讲。这些语法规则是由XML规范定义的。XML文档必须遵守的规则使得生成工具以解析文档变得更容易。这些规则也使得XML更容易处理。规则很简单，并且使用过HTML得人对于其中得一些规则应该比较熟悉。我们把XML得规则定义为下列两类： ∷XML语法规则，指的是定义了基本语法要求的规则。∷XML文档规则，指的是管理着基本文档要求的规则。∷XHTML语法规则 XHTML需...
CanvasRenderingContext2D对象中用于平移、旋转坐标系的方法镜像scale(1,-1)绘制垂直镜像；scale(-1,1)绘制水平镜像自定义的坐标变换 transform()，多次调用会叠加效果setTransform()，每次调用都会清除上次的效果两个方法都用于旋转、缩放、及平移坐标系（可以根据公式传入0或其他数据）x‘=ax+cy+ey‘=bx+dy+f坐标系旋转公式(angle弧度)x‘=x×cos(angle)-(y×sin(angle))y‘=y×cos(angle)+(x×sin(angle))平移x‘=x+dxy‘=y+dy缩放...
XHTML文档由元素组成，元素定义了文本和图形在浏览器中显示的方式，告诉web浏览器如何显示页面。XHTML 元素使用XHTML标记定义，每个标记都出现在一对尖括号中，标记通常成对出现，第一个标记定义了标记的起点，称为开始标记第二个标记定义了标记的结尾称为结束标记。在开始标记和结束标记之间的为别把称为元素内容。标记具有属性，属性提供了关于页面上的XHTML元素的附加信息。XHTML文档的总体结构由<html>/<head><body>这三个文档...
DOM（Document Object Model）即文档对象模型，针对HTML和XML 文档的API（应用程序接口）。DOM描绘了一个层次化的节点树，运行开发人员添加、移除和修改页面的某一部分。当然这样说有些笼统，咱们接着往下看。 一、认识DOM DOM 中的三个字母，D（文档）可以理解为整个Web加载的网页文档；O（对象）可以理解为类似window对象之类的东西，可以调用属性和方法，这里我们说的是document对象；M（模型）可以理解为网页文档的树型...
一、使用<script>元素 1、<script>元素定义了6个属性： async:可选。表示应该立即下载脚本，但不应该妨碍页面中的其他操作，比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。 charset:可选。表示通过src属性指定的代码的字符集。很少人用。 defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部文件有效。 language：已废弃。 src:可选。表示包含要执...
AngularJs在绑定数据时默认会以文本的形式出现在页面上，比如我现在有这样一段代码<div ng-controller="testCtrl">{{data}}</div>function testCtrl($scope) {$scope.data = ‘<span class="red">标红</span>‘; } 那么在页面上必然会在也面上直接显示 <span class="red">标红</span>要想让包含html标签的字符串，能在页面上正常显示，就必须将其转义，此时就要用到angularjs的ng-bind-html，它可以将包含html标签的字符串进...
HTML代码： <div id="baymax"><!-- 头部 --><div id="head"><div id="eye"></div><div id="eye2"></div><div id="mouth"></div></div><!-- 躯干 --><div id="torso"><div id="heart"></div></div><!--腹部 --><div id="belly"><div id="cover"></div></div><!-- 手臂 --><div id="left-arm"><div id="l-bigfinger"></div><div id="l-smallfinger"></div></div><div id="right-arm"><div id="r-bigfinger"></div><div id="r-smallf...
刮刮卡需求： 每一位用户有三次刮刮卡的机会本次刮刮卡的结果会覆盖上次的结果刮刮卡的中奖几率呈现为递增的曲线（保证三次中必须有一次中奖）刮出的结果包含按钮既（领取奖品 or 再来一次 ）分享活动奖品升级（这里主要是微信分享的回调了）我们自己的需求，今天就说怎么制作刮刮卡，有这样需求的可以找我要源码 第一、body创建Canvas <div class="info" id="prize"><span id="prompt"></span><span class="btn" id="ok">领取奖品...
基于浮动的布局 基于浮动的布局是最容易使用，也是最可靠的，只需要设置元素的宽度，然后设置为左或者右浮动即可。1.两列浮动布局假设页面总的宽度920px，两个元素间距20px。（display:inline 防止IE双外边距浮动产生的bug）；由于元素是浮动的，将不再文档流中占据空间，将父节点 overflow:hidden;css代码：.right {width: 650px;padding-left: 10px;float: right;display: inline; }.left {width: 230px;float: left;display: in...