随笔分类 -  Html5与CSS

摘要:最近在写UI,或多或少用到了CSS,在这记录一下,今天用到的DIV内文字垂直居中的写法,因为所做的项目都是基于WebKit内核浏览器演示的,所以我们今天采用的是-webkit-box的写法:display: -webkit-box;/* 水平居中*/-webkit-box-align: center;/* 垂直居中 */-webkit-box-pack: center;/*flex需要写上,不写没作用*/-webkit-box-flex: 1;上面这种写法适合高度不固定的情况。如果是css2中呢,普遍的写法是,适用于高度固定的情况:/*水平居中*/text-align:center/*我们假. 阅读全文
posted @ 2014-02-26 21:05 IT小金 阅读(261) 评论(0) 推荐(0)
摘要:当你设置了元素的宽度,实际展现的元素却能够超出你的设置:因为元素的边框和内边距会撑开元素。.div{ width: 500px; margin: 20px auto; padding: 50px; border-width: 10px;}上面的元素所展示出来的效果,宽度会不止500px。这可能不是我们想要的。通常或许我们会去计算宽度来实现想要的效果。但是如果计算的地方太多的话,事件很烦人的事。此时我们可以通过设置box-sizing:border-box来实现。.div{ width: 500px; margin: 20px auto; padding: 50px; borde... 阅读全文
posted @ 2014-02-22 16:42 IT小金 阅读(123) 评论(0) 推荐(0)
摘要:标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条Html代码1.标签属性:src:视频的URLposter:视频封面,没有播放时显示的图片preload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条width:视频宽度height:视频高度Html代码1.获取HTMLVideoElement和HTMLAudioElement对象Js代码1.//audio可以直接通过new创建对象2.Media=newAudio("http://www.abc.com/test 阅读全文
posted @ 2013-12-10 17:03 IT小金 阅读(225) 评论(0) 推荐(0)
摘要:CSS与DIV的一些属性和标签的使用 阅读全文
posted @ 2011-04-27 17:28 IT小金 阅读(263) 评论(0) 推荐(0)
摘要:最近突然想学习CSS+DIV了,因为一直在用FLEX开发,以前那些ASP.NET的东西忘的都差不多了。记得当年还是用Table开发的网站呢,呵呵好久了,最近想捡回ASP.NET,所以我从头开始,最先从css+div下手,希望自己能坚持下来吧一.DIV+CSS布局:就好比人穿衣服,div控制页面的布局,在这里它就是一个人,而css是一种表现,就好比衣服一样,对这个人进行修饰二.W3C标准:W3C是World Wide Web Consortium的缩写,中文就是万维网联盟,它不是一个标准,而是一些列标准的集合-结构标准(xHtml),表现标准(css),动作标准(JS)三. Css代码写在哪里. 阅读全文
posted @ 2011-04-27 14:29 IT小金 阅读(282) 评论(0) 推荐(0)