css
jennifer19911103
这个作者很懒,什么都没留下…
展开
-
Date对象常见使用
内置对象Date的常见用法 一、倒计时天数 window.onload=function(){ var a=new Date(); var b=new Date("2016,6,7"); var lefttime=Math.ceil((b.getTime()-a.getTime())/(24*60*60*1000)); doc原创 2016-08-27 20:36:50 · 578 阅读 · 0 评论 -
样式,表现分离--微博发言三种方式
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>微博用户发言</title> <style type="text/css"> *{margin:0;padding: 0} h6{font-size: 14px} .demo1{width: 600px;position: relat原创 2016-08-27 21:04:18 · 369 阅读 · 0 评论 -
盒子模型
//盒子模型 margin,padding,border,content <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>几米书籍</title> <style type="text/css"> *{margin: 0;padding: 0} img{margin:10px 18px;bo原创 2016-08-27 21:17:08 · 311 阅读 · 0 评论 -
浮动及如何清除浮动
<!DOCTYPE html> <html> <head> <meta charset="utf-8"></meta> <title>float属性</title> <style type="text/css"> .box1{height: 70px;background-color: red; float: left;} .box2{height: 70px原创 2016-08-27 21:20:05 · 318 阅读 · 0 评论 -
相对定位,绝对定位
absolute和relative相结合的话:父元素设置absolute,要定位的元素设置relative,根据父元素进行定位//相对定位 <!DOCTYPE html> <html> <head> <meta charset="utf-8"></meta> <title>相对定位</title> <style type="text/css"> body{margin原创 2016-08-27 21:23:17 · 556 阅读 · 0 评论 -
各种导航条
<!-- 导航菜单---垂直菜单 --> <!DOCTYPE html> <html> <head> <meta charset="utf-8"></meta> <title>垂直菜单</title> <style type="text/css"> body{margin:0; padding: 0;font-size: 14px} ul{list-style原创 2016-08-27 21:25:18 · 536 阅读 · 0 评论 -
常见布局方式
<!DOCTYPE html> <html> <head> <meta charset="utf-8"></meta> <title>一列布局</title> <style type="text/css"> body{margin:0; padding: 0} .head{height: 80px;background-color: red;} .ma原创 2016-08-27 21:39:54 · 307 阅读 · 0 评论