随笔分类 -  Web网页设计

css样式让input垂直居中
摘要：css样式让input垂直居中css代码： .div1{ border: 1px solid #CCC; width:1120px; height:40px; margin:auto; di... 阅读全文
posted @ 2015-03-19 11:48 sevennight 阅读(12985) 评论(0) 推荐(1) 编辑
分享一款自己改进的皮肤“verdant”.
摘要：- -！我总觉得我不应该这个样子了，这是个不好的习惯，面对博客，我每周或者每个月都会有审美疲劳，然后又写一个皮肤模板，不停的循环，至今都写了好多好多了，都记不清了，汗...下面是我这今天审美疲劳写的一个皮肤（注：此皮肤效果需js权限，仅用于加载图片用）页面效果：样式文件地址：http://files... 阅读全文
posted @ 2015-03-14 17:05 sevennight 阅读(1189) 评论(7) 推荐(9) 编辑
js设置css样式.
摘要：在js设置css样式做法var obj = document.getElementById('div');obj.style.width = '100px';obj.style.height = '100px';但是上面的写法如果样式多了就会造成写了一堆的js于是有了封装函数的写法var obj =... 阅读全文
posted @ 2015-01-21 09:16 sevennight 阅读(801) 评论(0) 推荐(0) 编辑
情感化登录页面设计.
摘要：打动人心的情感化设计！在readme进行注册，当你输入密码的时候，上面的卡通形象会遮住眼睛，给用户有安全感的设计官网演示：https://dash.readme.io/login 阅读全文
posted @ 2015-01-16 10:38 sevennight 阅读(620) 评论(2) 推荐(0) 编辑
网站鼠标自定义样式
摘要：html { cursor: url(ico图标地址),auto;}IE6、7、8测试显示不是很可观，其余版本及浏览器还行 阅读全文
posted @ 2014-12-25 14:02 sevennight 阅读(250) 评论(0) 推荐(0) 编辑
console 输出信息美化
摘要：不久前在一些前端的网站上看到的效果，以前觉得console只是拿来做做调试，不过现在看到别人网站的console美化效果，这个还可以作为一种网站个性来显示的..以%c开头，后面的文字就打印的信息，后面一个参数就是样式属性；可以尝试多个样式，每碰到一个%c开头就会应用对应的样式：console.l... 阅读全文
posted @ 2014-12-23 16:47 sevennight 阅读(2527) 评论(0) 推荐(0) 编辑
html页面输入框input的美化
摘要：input输入框是网页必不可少的组件，可是每个浏览器对于输入框的显示样式各有不同例如： 上图分别就是谷歌浏览器和IE浏览器自带显示的输入框，样式也不足人意，所以大多都会自己写样式以下是一个简单的文本框样式 input{ border: 1px so... 阅读全文
posted @ 2014-12-04 20:24 sevennight 阅读(79918) 评论(0) 推荐(5) 编辑
HTML中超出文本使用省略号替代的CSS样式
摘要：a{ display: block; /*定义显示形式*/ overflow: hidden; /*截取超出字符*/ text-overflow: ellipsis; /*超出字符以…代替*/ white-space: nowrap; ... 阅读全文
posted @ 2014-11-21 10:47 sevennight 阅读(355) 评论(0) 推荐(0) 编辑
CSS DIV自动适应高度
摘要：当div需要设定自适应高度时，可用到的css属性，min-height:200px;代表的是当div的内容超出了200px时，就会自动适应高度，兼容所有浏览器(IE6除外)，如果是IE6则需要设置"_height"代码：div{ _height:200px; min-height... 阅读全文
posted @ 2014-11-11 00:01 sevennight 阅读(543) 评论(0) 推荐(0) 编辑
Html特殊字符表
摘要：原始字符entity原始字符entity""&&''>¡¡¢¢££¤¤¥¥¦¦§§¨¨©©ªª««¬¬­®®¯& 阅读全文
posted @ 2014-11-02 17:33 sevennight 阅读(216) 评论(0) 推荐(0) 编辑
网页中嵌入可以点击“运行代码”执行html/css/js代码
摘要：html代码运行的代码 点击“运行代码”JS代码效果展示：输入运行代码 点击“运行代码” 阅读全文
posted @ 2014-10-23 17:43 sevennight 阅读(2014) 评论(1) 推荐(1) 编辑
SmohanTimeLine.js 酷炫的时间轴效果
摘要：展示地址点此下载原文出处一、参数说明item : '.item', //项目元素top : 30, //与下一行的间距pointWidth : 22, //时间点宽度cornerWidth : 22, //corner宽度scroll : true //点击时间点，是否滑动二、CSS样式/*时间... 阅读全文
posted @ 2014-10-18 15:35 sevennight 阅读(1324) 评论(0) 推荐(0) 编辑
页面缓存禁止
摘要：开发网站时，有时候需要即使显示用户修改的数据，但假如存在缓存，修改过的数据就暂时显示不出来，这种时候或许会被人误认为没有操作成功而引起不必要的麻烦，在某些页面上可以使用各种方法来达到清除缓存的效果　html中 在跳转页面的时候，使用url后面添加随机数的方法也能禁止缓存，此方... 阅读全文
posted @ 2014-07-03 10:47 sevennight 阅读(230) 评论(0) 推荐(0) 编辑
<<< html编码中js和html编码不一致导致乱码
摘要：在html中，有时把编码设置成UTF-8之后，引入js，页面不会有乱码，但是有关js的东西会出现乱码, 大概问题就是js默认编码不是UTF-8, 解决办法：将js文件用记事本打开，在另存为，保存的时候下面选项编码设置成html一致，就不会出现乱码 阅读全文
posted @ 2014-05-04 23:27 sevennight 阅读(667) 评论(0) 推荐(0) 编辑
<<< html图片背景平铺
摘要：CSS背景图片平铺技巧使用CSS来设置背景图片同传统的做法一样简单，但相对于传统控制方式，CSS提供了更多的可控选项，我们先来看看最基本的设置图片的方法。html代码：代码如下: CSS代码：代码如下: #content{ border:1pxsolid#000ff... 阅读全文
posted @ 2014-01-05 13:00 sevennight 阅读(4782) 评论(0) 推荐(0) 编辑

△
点击右上角即可分享
微信分享提示