![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
maotingmaoting
这个作者很懒,什么都没留下…
展开
-
css基础知识
Css的几种设置方式1.内联样式表(inline style sheets):直接设置Html正文标签的style属性。在使用内联样式表时,html4.01建议用户在中加入标签,语句为: Eg:2.嵌入样式表 (embedded style sheets):是在网页文档的头部(标签对之间),定义一个标签对中加入各种网页元素的样式规则定义,如下定义: ...2010-04-05 22:15:11 · 77 阅读 · 0 评论 -
float小结
以下图示内容请运行源代码定义: float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。注意点:1. 浮动元素会生成一个块级框(inline-block),而不论它本身是何种元素。(图示1)2. 如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄(包裹性)。(图示2)3. 假如在一...原创 2014-02-13 10:20:27 · 166 阅读 · 0 评论 -
CSS结构和层叠
CSS结构和层叠每个合法的文档都会生成一个文档树,从而能根据元素的祖先,属性,兄弟元素等创建选择器来选择元素。有了这个结构树,选择器才能起作用,这也是CSS继承的核心。继承是从一个元素向其后代元素传递属性值所采用的机制。确定应当向一个元素应用哪些值时,用户代理不仅要考虑继承,还要考虑声明的特殊性,另外需要考虑声明本身的来源,这个过程称为层叠。 1.特殊性每个选择器都有特殊性,对于每...原创 2012-11-25 16:11:09 · 110 阅读 · 0 评论 -
【转】CSS的选择器
引用自:http://www.cnblogs.com/webblog/archive/2009/07/07/1518274.htmlcss1-css3提供非常丰富的选择器,但是由于某些选择器被各个浏览器支持的情况不一样,所以很多选择器在实际css开发中很少用到。1.基础的选择器选择器含义示例*通用元素选择器,匹...原创 2012-11-24 19:00:43 · 73 阅读 · 0 评论 -
颜色和背景
1.当background-attachment:fixed时,元素会根据视窗进行定位。因此,背景模式都从视窗的左上角开始平铺,而不是从单个元素的左上角开始。对于body,可以看到整个重复模式。不过,对于其他元素,只是在其内边距和内容区才能看到它的背景。span{ background:url(mm1.jpg) fixed 0px 0px #000;}<div style="...原创 2012-11-22 10:53:37 · 88 阅读 · 0 评论 -
position
position定义: 这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。 static(默认),relative(相对定位),absolute(绝对定位)和fixed(固定定位)。其中static和relative会占据文档流空间,他们并...原创 2012-11-19 15:56:45 · 89 阅读 · 0 评论 -
盒模型相关内容总结
margin padding width的值是百分数时,相对于包含块的width进行计算height的值是百分数时,相对于包含块的height进行计算。外边距合并1.相邻盒子之间的margin:行内元素之间的水平margin不会合并(塌陷)2.块级元素之间的竖直margin会合并(塌陷)。简单地说,外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的...原创 2012-11-13 10:03:24 · 98 阅读 · 0 评论 -
盒模型
浏览器模式:影响的是浏览器的版本及IE的条件注释;文档模式下(DocType):影响的是浏览器的兼容性(Hack)以及模式(标准模式,怪异模式)DOCTYPE MODEXHML + DOCTYPE标准模式HTML 4.01 + strict DTD标准模式HTML 4.01 + URL和transitional DTD/Frameset DT...原创 2012-11-12 17:12:37 · 85 阅读 · 0 评论 -
IEbugs 收集
Internet Explorer – Web程序员的毒药。在IE上开发时间中有超过60%的时间是花在和IE的bug进行搏斗,让你的开发生产率严重下降。下面是一个教程,告诉你9个IE上最常见的BUG以及如何解决它们。 1. DIV居中布局创建一个CSS定义把一个元素放到中间的位置,可能是每一个Web开发人员都会做的事情。最简单的做法是为你的元素增加一个margin: auto; ,...原创 2012-10-19 17:17:20 · 112 阅读 · 0 评论 -
z-index 详解
z-index属性 1. z-index : auto | number2. z-index 属性设置元素的堆叠顺序,如果为正数,则离用户更近,为负数则表示离用户更远;3. 拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面;4. z-index 仅能在定位元素上奏效(position属性值为 relative 或 absolute 或 fixed的对象),而posit...原创 2012-10-19 14:15:39 · 187 阅读 · 0 评论 -
css常用效果处理(兼容多浏览器)
以下是个人见解,欢迎拍砖。参考文件: http://www.zhangxinxu.com/wordpress/2010/10/%E6%88%91%E6%89%80%E7%9F%A5%E9%81%93%E7%9A%84%E5%87%A0%E7%A7%8Ddisplaytable-cell%E7%9A%84%E5%BA%94%E7%94%A8/ 图片文字的垂直居中解决方法: ...原创 2012-10-19 10:44:08 · 101 阅读 · 0 评论 -
行内元素和块级元素
1.1.1 定义:1.1.2 最常用的属性值:block元素的特点:总是另起一行开始;宽度缺省是它所在容器的100%,除非设定一个宽度。高度,行高以及顶、底边距都可控制;inline元素的特点:和其它元素都在一行上;宽度就是它所容纳的文字或图片的宽度,不可改变。高度,行高以及顶、底边距不可改变,左右(内、外)边...原创 2014-02-13 10:21:59 · 133 阅读 · 0 评论