CSS 研究记录
潜水生活
这个作者很懒,什么都没留下…
展开
-
一.CSS基础
一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。 1.浏览器缺省设置 2.外部样式表 3.内部样式表(位于 <head> 标签内部) 4.内联样式(在 HTML 元素内部)因此,内联样式(在 HTML 元素内部)拥有最高的优先权。这意味着它将优先于以下的样式声明:<head> 标...原创 2012-11-15 09:04:04 · 81 阅读 · 0 评论 -
二.CSS样式
1.CSS 背景(1)背景色background-color可以使用 background-color 属性为元素设置背景色如果您希望背景色从元素中的文本向外少有延伸,只需增加一些内边距 padding:p {background-color: gray; padding: 20px;}(2)背景图像 background-image使用 background-image...原创 2012-11-15 09:05:10 · 72 阅读 · 0 评论 -
三.CSS框模型
CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。 element : 元素。 padding : 内边距,也有资料将其翻译为填充。 border : 边框。 margin : 外边距,也有资料将其翻译为空白或空白边。浏览器兼容性元素内容占据的空间是由 width 属性设置的,而内容周围的 paddi...原创 2012-11-15 09:05:34 · 67 阅读 · 0 评论 -
四.CSS定位
1.定位 (1)CSS 定位和浮动 CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。 定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。 (2)一切皆为框 display div、h1 或 p 元素常常被称为块级元素。...原创 2012-11-15 09:06:04 · 77 阅读 · 0 评论 -
五.CSS选择器
1.CSS 元素选择器 nameh1 {color:blue;}在 W3C 标准中,元素选择器又称为类型选择器(type selector)。“类型选择器匹配文档语言元素类型的名称。类型选择器匹配文档树中该元素类型的每一个实例。”2.选择权分组 ( , ; )(1)选择器分组 (,)h2, p {color:gray;}(2)通配符选择器(*)* {color:...原创 2012-11-16 09:10:58 · 105 阅读 · 0 评论 -
六.CSS尺寸
尺寸属性 描述 height 设置元素高度。 max-height 设置元素的最大高度。max-width 设置元素的最大宽度。 min-height 设置元素的最小高度。 min-width 设置元素的最小宽度。 width 设置元素的宽度。(1)设置图像的高度/宽度 height/...原创 2012-11-16 09:11:13 · 72 阅读 · 0 评论 -
七.CSS分类 (Classification)
分类 (Classification)1.把元素显示为内联元素/块级元素/隐藏元素 displayp {display: inline} 把段落设置为内联元素,不会换行span { display: block } 把行内元素元素span设置为块级元素2.浮动属性 float(1)使图像浮动于一个段落的右侧图像会浮动到右侧,并且添加了点状的边框。为图像添加了边距,这样就可以...原创 2012-11-16 09:11:26 · 110 阅读 · 0 评论 -
八.CSS媒介类型
媒介类型媒介类型(Media Types)允许你定义以何种媒介来提交文档。文档可以被显示在显示器、纸媒介或者听觉浏览器等等。媒介类型:某些 CSS 属性仅仅被设计为针对某些媒介。比方说 "voice-family" 属性被设计为针对听觉用户终端。其他的属性可被用于不同的媒介。例如,"font-size" 属性可被用于显示器以及印刷媒介,但是也许会带有不同的值。显示器上面的显示的...原创 2012-11-16 09:11:43 · 108 阅读 · 0 评论 -
九.CSS注意事项
CSS 注意事项本节列出了在使用 CSS 时尽量避免使用的技术。1.Internet Explorer Behaviors它是什么?Internet Explorer 5 引入了行为 (behaviors)。behaviors 是一种通过使用 CSS 向 HTML 元素添加行为的方法。为什么要避免它?只有 Internet Explorer 支持 behavior 属性。...原创 2012-11-16 09:11:49 · 77 阅读 · 0 评论