随笔分类 -  HTML

asp.net结合html使用
摘要：在用asp.net开发系统时，用控件能更方便快捷，但是大家也知道用它的控件会导致不可控，特别是css，如何用前端定义的html+css+js来运用asp.net（c#）呢，下面写了一个小实例，实现页面传值。 新建一个web窗体，WebForm1.aspx，在页面中加入js代码，如下图： 在新建另外一 阅读全文
posted @ 2017-03-04 16:00 纸鸢&红豆·绿豆 阅读(2058) 评论(0) 推荐(0)
利用svg描边+css3实现边框逐渐消失小动画
摘要：首先简单的描述一下svg中两个属性： stroke-dasharray：表示每个虚线的长短。 stroke-dashoffset：表示首个虚线的偏移量。 当两者都特别大的时候就会消失掉 直接上代码： 即可实现效果。 阅读全文
posted @ 2017-01-13 17:48 纸鸢&红豆·绿豆 阅读(1676) 评论(0) 推荐(0)
css3实现圆形逐渐减少动画
摘要：写这个动画刚开始完全没有思路，后来参考网上的资料发现可以用半圆实现，具体原理如下： 1.，一个div作为背景，三个div做出三个半圆出来，一个用于旋转，一个靠左（用于与背景吻合），一个靠右（用于与背景吻合）。 2.做出另一组div更换背景色即可实现反方向的旋转。 代码如下： 其中用到了一个css3, 阅读全文
posted @ 2016-12-20 16:16 纸鸢&红豆·绿豆 阅读(1047) 评论(0) 推荐(0)
绝对定位和相对定位
摘要：一、相对定位 1.相对于自身原有位置进行偏移。 2.仍处于标准文档流中（占据文档中的位置）。 3.随即拥有了偏移属性和z-index属性。 二、绝对定位 1.建立了以包含块为基准的定位。 2.完全脱离了标准文档流。 3.随即拥有了偏移属性和z-index属性。 4.div宽度会随着内容的改变而改变， 阅读全文
posted @ 2016-02-26 13:54 纸鸢&红豆·绿豆 阅读(332) 评论(0) 推荐(0)
在Dreamweaver中安装Emmet（zen-coding）
摘要：在http://www.adobe.com/exchange/em_download/地址下下载好Emmet扩展插件，然后在Dreamweaver找到菜单栏中命令>扩展管理>文件,找到以后打开，然后重启Dreamweaver。默认的快捷键是Ctrl+E，需要修改。详情请见：http://www.zh... 阅读全文
posted @ 2016-01-17 19:04 纸鸢&红豆·绿豆 阅读(226) 评论(0) 推荐(0)
对于div的右浮动会导致顺序会改变
摘要：当我们设置几个div右浮动的时候会出现顺序的改变，直接倒序了。解决的方法是在几个div外面加上一个大的div即可，但是里面的所有div都要左浮动才行，具体做法如下：div浮动 第一个div 第二个div 阅读全文
posted @ 2016-01-15 17:09 纸鸢&红豆·绿豆 阅读(991) 评论(0) 推荐(0)
html标题上加上小图标
摘要：一般网站标题上都会有小图标，后面跟上文字，实现代码如下：这样小图标就加上去了。 阅读全文
posted @ 2016-01-02 13:25 纸鸢&红豆·绿豆 阅读(950) 评论(0) 推荐(0)
块级元素和内联元素的区别（HTML）
摘要：请把下面二行代码放进body标签里： div1 div1 浏览器的呈现效果： div1 div1 这二个div占据了二行空间，叫做块级元素(block)。 再把下面二行代码也放进body标签里： span1 span2 浏览器的呈现效果： span1 span1 这两个span并列在一行... 阅读全文
posted @ 2015-12-18 17:08 纸鸢&红豆·绿豆 阅读(399) 评论(0) 推荐(0)
Web存储
摘要：HTML5 web 存储,一个比cookie更好的本地存储方式。使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是cookies。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能... 阅读全文
posted @ 2015-10-07 22:37 纸鸢&红豆·绿豆 阅读(245) 评论(0) 推荐(0)
HTML5(常用的表单控件)
摘要：常用的HTML5的表单控件：Input 类型: colorcolor 类型用在input字段主要用于选取颜色，如下所示： 从拾色器中选择一个颜色:选择你喜欢的颜色: Input 类型: emailemail 类型用于应该包含 e-mail 地址的输入域。在提交表单时，会自动验证 email 域... 阅读全文
posted @ 2015-10-06 17:31 纸鸢&红豆·绿豆 阅读(920) 评论(0) 推荐(0)