文章分类 -  Div+Css

Css 兼容
摘要:div居中:margin: 0 auto;text居中:text-align:center;try it! 全文:http://bbs.csdn.net/topics/320135015 p.s 个人经验,据我所知 清除浮动的方法有4种,有一种常用的代码是写在父元素style里面,而子元素就是浮动元 阅读全文
posted @ 2016-07-07 10:58 stma 阅读(108) 评论(0) 推荐(0)
摘要:自动换行 强迫不自动换行 带有浮动效果的 不换行 全文:http://www.cnblogs.com/mslove/archive/2009/03/24/1420463.html 阅读全文
posted @ 2016-07-02 22:07 stma 阅读(188) 评论(0) 推荐(0)
摘要:此为未清除浮动源代码,运行代码无法查看到父级元素浅黄色背景。 未清除浮动前如图所示:<ignore_js_op> 四种清除浮动方法如下:1、使用空标签清除浮动。 我用了很久的一种方法,空标签可以是div标签,也可以是P标签。这种方式是在需要清除浮动的父级元素内部的所有浮动元素后添加这样一个标签清除浮 阅读全文
posted @ 2016-07-01 10:44 stma 阅读(184) 评论(0) 推荐(0)
摘要:http://blog.csdn.net/kongjiea/article/details/17614729 //p.s清除浮动都是设置在父元素上。 阅读全文
posted @ 2016-07-01 10:33 stma 阅读(73) 评论(0) 推荐(0)
摘要:在css2里,浮动(float)这个属性是个经典又诡异的一个属性,历来对它的争议就不断。 从语义上讲: float这个属性顾名思义,既然叫浮动,咱们不妨把它与船体在水中的浮动联系起来。即可以这样假设,document为一个水箱,document的文档流就是水箱里的一层水,这层水的厚度无限接近于零,而 阅读全文
posted @ 2016-06-30 15:41 stma 阅读(138) 评论(0) 推荐(0)
摘要:有两点解决办法,你可以试一下1.<vedio>标记符使你可以利用多个源文件(通过source元素),只需要加入指向不同视频版本的链接就可以了例如 <video width="320" height="240" controls> <source src="myvideo.mp4" type="ved 阅读全文
posted @ 2016-06-24 22:33 stma 阅读(1129) 评论(0) 推荐(0)
摘要:我经常遇到文中所说的事情,鉴于初学不太深入研究,现在好了。答案出来了:http://www.divcss5.com/jiqiao/j406.shtml 阅读全文
posted @ 2016-05-20 13:55 stma 阅读(83) 评论(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://www.w3.or 阅读全文
posted @ 2016-05-20 11:47 stma 阅读(102) 评论(0) 推荐(0)
摘要:处理不同浏览器之间的兼容问题-moz-对应 Firefox, -webkit-对应 Safari and Chrome-o- for Opera-ms- for Internet Explorer 全文:http://www.zhihu.com/question/20597072 //p.s搜索 - 阅读全文
posted @ 2016-05-17 11:40 stma 阅读(225) 评论(0) 推荐(0)
摘要:F2etest 是一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案。 在之前,我们一般有三种解决方案: 本机安装大量的虚拟机,一个浏览器一个虚拟机,优点:真实,缺点:消耗硬盘资源,消耗CPU资源,打开慢,无法同时打开多个虚拟机 使用IeTester等模拟软件,优点:体积小,资源消耗小, 阅读全文
posted @ 2016-05-16 10:48 stma 阅读(185) 评论(0) 推荐(0)
摘要:CSS3增加的新特性实现了很给力的效果,那你是否有编写过跨浏览器的CSS3代码呢,要针对不同的浏览器写一堆的CSS3代码前缀。Prefixr就是一个能将CSS3代码自动生成跨浏览器CSS代码的在线应用。 由于CSS3规范还没定稿,大部分浏览器都有针对CSS3特性实现他们特定的前缀,类似-moz-bo 阅读全文
posted @ 2016-05-16 10:45 stma 阅读(537) 评论(0) 推荐(0)
摘要:作为 Web 设计师,你的网站在各种浏览器中有完全一样的表现是很多人的目标,然而这是一个永远无法真正实现的目标,很多人认为,完美的跨浏览器兼容并不必要,这样说虽然没错,但在很多情形,一种近似的兼容还是很容易实现的,本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。 全文:http://www.o 阅读全文
posted @ 2016-05-16 10:41 stma 阅读(84) 评论(0) 推荐(0)
摘要:在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则,并且呈现相同的视觉效果(没有兼容性问题)。但是,我们并没有生活在这个完美的世界,现实中发生的失窃却总是恰恰相反,很多 阅读全文
posted @ 2016-05-16 10:13 stma 阅读(143) 评论(0) 推荐(0)
摘要:可以这么理解类库,不涉及到界面,纯粹的各种方法的集合UI框架(组件库),涉及到界面,需要引入css,就类似你说的“使用规定的标签属性名称即可基于模板开发网站”全文:http://zhidao.baidu.com/question/1175217015591679779.html //p.s其实我不是 阅读全文
posted @ 2016-05-15 15:27 stma 阅读(515) 评论(0) 推荐(0)
摘要:dl:first-child dt { background-color:#993300; } 可以这样理解,第1个dl元素中的所有dt元素。上面的空格《dl:first-child dt》可以理解为:中的。这个理解相当于筛选。先筛选第1层元素,再根着筛选出第2层 Css 选择器 和 JQuery 阅读全文
posted @ 2016-05-13 10:54 stma 阅读(91) 评论(0) 推荐(0)
摘要:http://www.w3school.com.cn/cssref/pr_keyframes.asp p.s 现在的css都可以取代jquery了。。早N年前没有这个功能的。还有Css 中的 @符号是什么意思 CSS3 @keyframes 规则 http://www.w3school.com.cn 阅读全文
posted @ 2016-05-13 10:18 stma 阅读(75) 评论(0) 推荐(0)
摘要:一直以为只有js才能实现一些滑动效果,巧合,今天偶然看到一篇文章,知道了..css滑动的效果.想想也挺简单的; css:a:hover { padding-left: 6px; } <ul> <li> <a href="#"> Hover Over Me </a> </li> <li> <a hre 阅读全文
posted @ 2016-05-12 14:16 stma 阅读(3791) 评论(0) 推荐(0)
摘要:转载请注明来源:css控制背景图片位置-background-position最近经常给div在加背景图片的时候,发现背景图片的位置总是跟自己想要的效果不一样,所以就粗略的研究了一下,把结果和过程跟大家一起分享一下。现在就用div来举例子,其他的容器也都一样。主要来介绍一下背景background的 阅读全文
posted @ 2016-04-25 11:17 stma 阅读(3253) 评论(0) 推荐(0)
摘要:使用的代码如下: <video width="352" height="264" controls autobuffer> <source src="../media/cat.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'></sourc 阅读全文
posted @ 2016-04-23 20:15 stma 阅读(4301) 评论(0) 推荐(0)
摘要:使用Box-shadow属性表现阴影效果是现代浏览器中是一个非常有用的技巧,通过它我们可以做出很多非常酷的东西。让我们来一步一步的了解box-shadow属性的基本用法,然后进一步了解::before和::after伪元素的用法。 基本用法:http://www.webhek.com/css-box 阅读全文
posted @ 2016-04-16 21:37 stma 阅读(99) 评论(0) 推荐(0)