一、表单标签<form> 功能：表单用于向服务器传输数据，从而实现用户与Web服务器的交互。 表单能够包含input系列标签，比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含textarea、select、fieldset和 label标签。表单属性 action: 表单提交到哪。一般指向服务器端一个程序，程序接收到表单提交过来的数据（即表单元素值）作相应处理，比如https://www.sogou.com/web method: 表单的提交方式 post/get默...
1.HTTP:超文本传输协议 HTTP请求（HTTP request）部分： 请求行【HTTP方式（get或者post）；请求url；HTTP版本】 请求头 空行 消息体 HTTP响应（HTTP response）部分： 状态行【HTTP版本；响应码；响应描述】 响应头 空行 消息体2.常见特殊符号空格 小于＜ <大于＞ >版权号? ©已注册? ®and & &长破折号 3.常见块级元素和内嵌元素 块...
经过这两天的学习，学到了一些基础的HTML及CSS的应用，接下来进行总结：首先HTML包括一些标签，比如<h1></h1>标签是标题，有6个不同大小样式的标题，分别是h1~h6‘；<p></p>标签是表示段落;然后还有<u></u>这个是下划线；<strong></strong>这个是加粗；<em></em>这个是变斜，<img src="">这个是图片标签，<a href="" target=""></a>，这个是超链接标签，target是设定他的打开方式。<a name="top">顶部</a> <a href="#top">回到顶部...
功能特性animation 是否动画显示数据，默认为1(True)showNames 是否显示横向坐标轴(x轴)标签名称rotateNames 是否旋转显示标签，默认为0(False):横向显示showValues 是否在图表显示对应的数据值，默认为1(True)yAxisMinValue 指定纵轴(y轴)最小值，数字yAxisMaxValue 指定纵轴(y轴)最小值，数字showLimits ...
H5结构知识点一：body,nav,section需要h1-h6; header,div不需要h1-h6. h5结构测试网站：https://gsnedders.html5.org/outliner/移动端么meta格式：移动端要加的标签<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">移动端图片自适应css(配合上述标签使用):img{display:block;max-width:100%;}css3标签：ouline:none 点击无虚线css3内边距和边...
一般而言，鼠标以斜向上的箭头显示，移到文本上时变为有头的竖线，移到超级链接上变为手型。但用css可控制鼠标的显示效果，如可使鼠标移到普通文本上也显示成手型。 用css控制的语法如下: <span style="cursor:*">文本或其它页面元素</span> 把 * 换成如下15个效果的一种： hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和auto。 下面是对这1...
div{display:table-cell;vertical-align:middle}#crayon-theme-info .content *{float:left}#crayon-theme-info .field{font-weight:bold}#crayon-theme-info .field,#crayon-theme-info .value{margin-left:5px}#crayon-theme-info .description.value{font-style:italic;color:#999}#crayon-theme-info .type{text-align:center;min-width:120px;font-weight:bold;border-right:1px solid #ccc;padding-right:5px}#crayon-theme-...
第17章 与背景和边框相关的样式与背景相关的新增属性background-clip指定背景的显示范围 background-origin指定绘制背景图像时的起点 background-size指定背景中图像的尺寸 background-break指定内联元素的背景图像进行平铺时的循环方式 在Firefox浏览器需要加“-moz-” Safari浏览器需要加“-webkit-”background-clip的值有border（背景范围包括边框区域）和padding（背景范围包括padding区域，不包括边框）“-webkit-”...
奥运五环把奥运五环做成一个浮动，总是位于屏幕中央的效果。难点定位的练习 position ：fixed位于body中间的时候 left：50%；top:50%;css内部样式表的使用 style="text/css"方法使用border-radius: 50%再加上z-index设置层叠关系首先我们用5个块级元素来形成5个环的颜色和形状，并把这5个环放置到一个父级容器div内，再将这个父级元素div放置到浏览器中间位置。设计须知div的作用:div是一个块级元素。它可以将html分割成独立的、不...
简介目前处于学习阶段，现在虽然在Java没有什么建树，但我相信持之以恒的坚持做一件事，最终会达到自己的初期目标的。好啦，不多说，今天是Web入门的第一门，让我们一起学习前端入门之html&css吧HTML学习入门1. HTML的简介什么是HTML：HyperText Markup Language 超文本标记语言。HTML的作用：Java Web 使用Java开发网页 做网页HTML是最基础网页语言HTML的代码都是由标签所组成的2. HTML的基本格式(重点)<html><head>存放在head里面...
今天没有写完，而且写的还有点问题，所以今天就先不上传代码了（ps：快写完了才发现布局有问题，导致代码太多，感觉写的不是很好，所以今天先分析一下布局）第一步先写一个大的div用来放ABC三个部分，这个大的div居中！第二步分别写ABC三个部分，ABC三个部分分别使用浮动（float）来定位。A和B都各使用了一张非常小的图片，通过重复（repeat）属性生成A和B第三步C部分分别写好3~16这几个模块，在通过组合利用浮动定位。分组如下： ...
今天为大家介绍一个非常炫酷的超链接特效。在你做一些前端的网页时可以在里面去用上这些前卫时尚的效果。这些超链接特性，大都是借助伪元素、svg、HTML5动画来实现的。效果都很漂亮，不信看下面。用你的鼠标悬停在这些链接上，你就能体验和传统链接完全不一样的感觉。当然最重要的一点：你需要使用现代浏览器才能有更好的体验效果，比如谷歌浏览器或火狐浏览器。演示效果和下载请看：http://yusi123.com/3236.html1. [代码]节选其中...
HTML 负责提供标签，对数据进行标记封装CSS 负责提供样式属性，对数据进行样式定义DOM 负责将标记文档和标签等内容解析成对象，并在 对象中定义属性和行为，就可以指挥对象做事情。JAVASCRIPT 负责网页页面的行为（该怎么动），动态效果的体现，需要程序设计语言来完成。 基本步骤1、定义页面机构，HTML；2、定义页面样式：CSS；3、动态效果，对象已经被DOM解析驻留在内存；3.1、明确事件源；3.2、明确事件动作；3.3、定义出来方式...
效果图： 代码实现：样式部分style.css:*{margin: 0;padding: 0; } body{background-color: #673929;font-size: 16px;font-family: "微软雅黑" } #conters{margin: 0 auto;width: 900px; }#header{height: 220px;margin-bottom: 5px;position: relative; } #icon-list{position: absolute;top:170px;right: 30px;width: 130px;height: 30px;/*font-size: 0;*/ }#nav{height: 30px;background: #09c;margin-bottom: 5px;font:18px...
行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。 块级元素： 各占据一行，垂直方向排列。从新行开始结束接着一个断行。 块级元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table 行内元素：span, strong, em, br, img , input, label, select, textarea, cite, 内联元素（...