web前端
文章平均质量分 56
dream_hai
这个作者很懒,什么都没留下…
展开
-
使用html5,css,实现品字形布局
使用HTML,CSS3实现品字形布局html,body{ margin:0; padding:0;}div:first-child{ width:100%; height:100%; background:red;}如果这样写的话div的height:100%;是无效的,需要在html,body中加入 height:100%:或者div:first-child中加入pos原创 2016-07-25 14:16:43 · 5718 阅读 · 0 评论 -
表单form中<button>提交表单
表单中有button一旦点击就会自动提交表单,要给加上type=“button”属性才可以阻止表单提交如果没有type=“button” 注册按钮也会提交表单login_check()返回值为true时才会提交表单原创 2016-08-10 10:42:56 · 24656 阅读 · 0 评论 -
css 显示三角形
CSS实现三角形原创 2016-08-08 11:32:45 · 484 阅读 · 0 评论 -
css样式的优先级
css样式的优先级,以及同一个控件定义多个class,,多个'id'原创 2017-03-21 16:53:56 · 618 阅读 · 0 评论 -
一个简单的图片轮播。。
开始的时候使用js更换背景图片的方式实现,由于要支持ie8,ie8不能支持background-size。于是借助img标签来同一图片的大小。用相对定位来控制不同图片的展现。 青海省 .nav-circle{ background: url("gray_yuan.png"); } .nav-circle-active{ backgroun原创 2017-03-21 16:17:36 · 509 阅读 · 0 评论 -
javascript更换背景
使用JS更换背景图是遇到的问题。css的background的参数问题原创 2017-03-17 18:20:55 · 16991 阅读 · 0 评论 -
css的first-child
last-childcss属性。原创 2017-03-09 13:37:33 · 624 阅读 · 0 评论 -
js中的数组和字符串的部分方法
声明一个数组var arr = [1,2,5,3];在数组尾部添加元素arr.push(49,555); // arr --> [1,2,5,3,49,555] push()返回值为添加元素后的数组的长度数组尾部删除一个元素arr.pop(); //pop() 删除尾部的一个元素返回的是被删除的元素 arr --> [1,2,5,3,49]在数组头部添加元原创 2016-10-04 18:45:13 · 334 阅读 · 0 评论 -
css 利用阴影给字体加粗
想要把字体加粗,但是css样式提供的最粗的font-weight:900;也达不到要求时,可以利用css的text-shadow给字体加上多个阴影从而把字体调的更粗一点,当然直接换字体也是可以的。正常字体粗细使用标签和显示效果差不多font-weight为900时 font-size:30px; font-weight:900; fon原创 2016-08-12 20:39:25 · 5957 阅读 · 0 评论 -
js计时器
js计时器html+css+javascript+phpjs倒计时var ti;function get_time(){ var year = document.getElementById('year').value; var month = document.getElementById('month').value; var day = document.get原创 2016-09-12 23:26:36 · 376 阅读 · 0 评论 -
css垂直居中
center#center{ position:absolute; width:400px; height:300px; background:#ff0; top:calc(50% - 150px); left:calc(50% - 200px);}固定宽高的div在浏览器居中(cvte在线测评)原创 2016-09-11 23:24:45 · 282 阅读 · 0 评论 -
CSS box-shadow
向 div 元素添加 box-shadow:div{box-shadow: 10px 10px 5px #888888;}语法box-shadow: h-shadow v-shadow blur spread color inset;参数依次为:X轴偏移量(水平):可以为负值Y轴偏移量(垂直):可以为负值阴影模糊半径,阴影扩散半径:可以为负值阴影颜色,原创 2016-07-25 22:35:23 · 458 阅读 · 0 评论 -
CSS中position:relative/absolute
position:relative/absolute 都可以激活left、top、right、bottom和z-index属性,默认情况下所有元素都是在z-index:0,这一层,即文档流。 当设置position:relative/absolute元素会浮起来,z-index大于0, relative会保留其在z-index中的位置,而absolute则会完全脱离文档流原创 2016-07-25 21:19:10 · 455 阅读 · 0 评论 -
图像居中
.back{width:500px;height:500px;border:2px blue solid;text-align:center; //水平居中}.back img{width:300px;height:300px;//margin-top:100px;//padding-top:calc(50% - 150px); //垂直居中,直接写数值,。原创 2017-03-17 10:52:31 · 876 阅读 · 0 评论