今天读了篇关于如何使用css3创建3d四面体的文章，觉的相当不错，所以拿出来和大家分享一下。 首先要和大家分享的是，如何使用div+css创建三角形。在这里我先把相关代码粘贴出来，然后再为大家讲解原理。 html： 复制代码代码如下:<div id="pyramid"> <div></div> </div> css： 复制代码代码如下:<style type="text/css"> #pyramid { position: relative; margin: 100px auto; height: 500px; width: 100px; } #pyramid > div { po...
效果如下。 See the Pen wKvrMa by moyu (@MoYu1991) on CodePen./*-1;t--){var a=this._getParamsFromAttributes(e[t]);if(a=this._convertOldDataAttributesToNewDataAttributes(a),a.user=this._findUsernameForURL(a,e[t]),this._paramsHasRequiredAttributes(a)){var n=this._buildURL(a),r=this._buildIFrame(a,n);this._addIFrameToPage(e[t],r)}}},_findUsernameForURL:function(e,t){if("string"==typeof e.user)return e...
html表单输入框css样式美化源代码，响应鼠标动作
原文：html表单输入框css样式美化特效源代码下载
源代码下载地址：http://www.zuidaima.com/share/1550463335926784.htm
源代码截图：原文：http://blog.csdn.net/springmvc_springdata/article/details/38975963
之前在园子里看到一个HTML5/CSS3的文字特效(这里)，觉得挺好玩的所以小小的研究了下，不过发现代码都是针对webkit以及FF的所以IE跪了。Runjs我将示例中的代码进行了精简，后来发现CSS大多数没有前缀，我很费解之后发现它引用过来一个PrefixFree，有了这个js就能不用写CSS3的前缀:)PrefixFree?<script src="http://leaverou.github.com/prefixfree/prefixfree.min.js"></script>在link中，或是style中，或是dom元素的style中书写CSS...
一、xhtml css基础知识文档类型语言编码html标签css样式css优先级css盒模型组成1）文档类型当我们用dreamweaver新建一下html格式文档时，查看源代码，会发现代码最上部有如下这句话： 这句话标明本文档是过渡类型，另外还有框架和严格类型，目前一般都采用过渡类型，因为浏览器对XHTML的解析比较宽松，允许使用HTML4.01中的标签，但必须符合XHTML的语法。许多朋友在制作页面时，往往喜欢把这句删除掉，在这里建议大家一定要保留这句...
每个人都应该学写代码——这一观点简直就是铺天盖地地映入我们眼帘。或许你会莫名其妙，程序员学代码那是理所应当，但是作为一个作家、营销人员、财务工作者甚至是工人，为什么也需要学习代码呢？ 好吧，下面我会告诉你为什么懂点 HTML 和 CSS 会让你的职业生涯发生巨大的改变。学习技术不仅仅是生产助理亦或是印刷设计师的事——无论你是小企业主、销售经理、事件协调员还是魔术师，都能让你受益于 HTML 和 CSS 知识。 不要...
如何让图1中的div2移动到如图2上的位置；思路：哪些css命令能够影响盒子显示的位置呢？ relative相对定位/定位偏移量position:relative; 相对定位 a、不影响元素本身的特性； b、不使元素脱离文档流； c、如果没有定位偏移量，对元素本身没有任何影响；定位元素位置控制 top/right/bottom/left 定位元素偏移量。 absolute绝对定位/定位层级osition:absolute; 绝对定位 a、使元素完全脱离文档...
Blog的全名应该是Web log，中文意思是“网络日志”，后来缩写为Blog，而博客(Blogger)就是写Blog的人。从理解上讲，博客是“一种表达个人思想、网络链接、内容，按照时间顺序排列，并且不断更新的出版方式”。简单的说博客是一类人，这类人习惯于在网上写日记。 如何应Blog的全名应该是Web log，中文意思是“网络日志”，后来缩写为Blog，而博客(Blogger)就是写Blog的人。从理解上讲，博客是“一种表达个人思想、网络链接、内容，按...
Html&Css05：positionhtml==>结构css ==>表现js ==>行为1、定位的简介<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>body{font-size: 60px;}.box1{width: 200px;height: 200px;background-color: #bfa;}.box2{width: 200px;height: 200px;ba...
外部样式表css代码在一个独立文件中，HTML通过link标签引用cssh1
{color:red;
}这是css代码<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><link rel="stylesheet" href="Test.css"></head><body><h1>Hello</h1></body></html>href="" 具体的css文件路径使用...
转自：http://blog.csdn.net/qiushi_1990/article/details/40260447?utm_source=tuicool&utm_medium=referral一，html+css基础1-1Html和CSS的关系学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色...
很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习前端基础更是大有裨益。 而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧正。 前面几题是会很基础，越下越有深度。 附上第一篇：BAT及各大互联网公司2014前端笔试面试题--JavaScript篇 Html篇： 1.你做的页面在哪些流览器测试过？这些浏览器的...
<strong><span style="font-size:12px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""><style>*{margin:0px;padding:0px;}body{background:url("images/oo.jpg")no-repeat fixed;background-size:cover;}#huanfu{...
一、表单标签<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.常见块级元素和内嵌元素 块...