随笔分类 -  前端一些知识

iCIBA简单案例
摘要：效果图： 代码： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/iCIBA.css" /> </head> <body> <div clas 阅读全文
posted @ 2016-06-29 21:41 千喜ya 阅读(215) 评论(0) 推荐(0)
取消chrome浏览器下input和textarea的默认样式
摘要：最近一个细节引起了我的注意，chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所以决定重置这些样式。 看代码： 取消chrome下input和texta 阅读全文
posted @ 2016-06-29 20:37 千喜ya 阅读(224) 评论(0) 推荐(0)
文本框与按钮间距为零
摘要：文本框的间距本来就是零呀，除非你两个文本框之间还加了什么东西，比如：<input name="t1" type="text" /><input name="t2" type="text" />这样就会有间隔，但这样却不会：<input name="t1" type="text" /><input n 阅读全文
posted @ 2016-06-29 20:27 千喜ya 阅读(436) 评论(0) 推荐(0)
让横向排列的方法
摘要：方法总结： 内联 ,浮动 方法一：直接在<li>里面加样式来实现<ul style=list-style:none;margin:0;><li style="display:inline">我要横向排列</li><li style="display:inline">Hier of chsfish < 阅读全文
posted @ 2016-06-29 19:58 千喜ya 阅读(363) 评论(0) 推荐(0)
浮动、居中等笔记
摘要：样式：就近原则 Eg:行内>内部>外部 Border：1px solid red;（一个不能拉下） 盒子3D模型： Border Content+padding Background-image Background-color Margin Background：url() 0 0[设置位置] n 阅读全文
posted @ 2016-06-29 18:51 千喜ya 阅读(486) 评论(0) 推荐(0)
选择样式实例
摘要：效果图： 代码： index.html: <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>选择你想要的样式</title> <link href="css/select.css" rel="stylesheet"/> </he 阅读全文
posted @ 2016-06-25 12:19 千喜ya 阅读(264) 评论(0) 推荐(0)
学习小实例--滚动条
摘要：效果： 代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://w 阅读全文
posted @ 2016-06-24 22:35 千喜ya 阅读(255) 评论(0) 推荐(0)