css
文章平均质量分 72
Andy_weisx
这个作者很懒,什么都没留下…
展开
-
CSS 定位 (Positioning)
CSS 定位 (Positioning)CSS 外边距合并CSS 相对定位CSS 定位 (Positioning) 属性允许你对元素进行定位。CSS 定位和浮动CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。定位的基本思想很简单,它允许你定义元素框相对于原创 2014-08-03 20:53:26 · 304 阅读 · 0 评论 -
CSS 图片库
CSS 图片库CSS 导航栏CSS 图片透明CSS 可用来创建图片库。演示:CSS 图片库在此处添加对图像的描述在此处添加对图像的描述在此处添加对图像的描述在此处添加对图像的描述图片库下面的图片库是由 CSS 创建的:实例div.img { margin:3p原创 2014-08-03 22:27:32 · 672 阅读 · 0 评论 -
CSS 伪类 (Pseudo-classes)
CSS 伪类 (Pseudo-classes)CSS 相邻兄弟选择器CSS 伪元素CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪类 (Pseudo-classes)实例:超链接本例演示如何向文档中的超链接添加不同的颜色。超链接 2本例演示如何向超链接添加其他样式。超链接 - :focus 的使用本例演示如何对超链接应用 :focus 伪类(无法在 I原创 2014-08-03 22:15:54 · 337 阅读 · 0 评论 -
CSS 子元素选择器
CSS 子元素选择器CSS 后代选择器CSS 相邻兄弟选择器与后代选择器相比,子元素选择器(Child selectors)只能选择作为某元素子元素的元素。选择子元素如果您不希望选择任意的后代元素,而是希望缩小范围,只选择某个元素的子元素,请使用子元素选择器(Child selector)。例如,如果您希望选择只作为 h1 元素子元素的 strong 元原创 2014-08-03 22:10:14 · 498 阅读 · 0 评论 -
CSS 图像透明度
CSS 图像透明度CSS 图片库CSS 媒介类型通过 CSS 创建透明图像是很容易的。注释:CSS opacity 属性是 W3C CSS 推荐标准的一部分。亲自试一试 - 实例创建透明图像 - Hover 效果在本例中,当用户将鼠标指针移动到图片上时,会改变图片的透明度。创建文本在背景图像上的透明框本例创建了一个包围文本的半透明框。实例 1原创 2014-08-03 22:29:10 · 395 阅读 · 0 评论 -
CSS 分类 (Classification)
CSS 分类 (Classification)CSS 尺寸CSS 导航栏CSS 分类属性允许你规定如何以及在何处显示元素。CSS分类(Classification)实例:如何把元素显示为内联元素本例演示如何把元素显示为内联元素。如何把元素显示为块级元素本例演示如何把元素显示为块级元素。float 属性的简单应用使图像浮动于一个段落的右侧。将带有边框和边界的图原创 2014-08-03 22:24:23 · 281 阅读 · 0 评论 -
CSS 水平对齐
块元素指的是占据全部可用宽度的元素,并且在其前后都会换行。块元素的例子:对于文本对齐,请参见 CSS 文本一章。在本教程中,我们将向您展示出于布局目的如何水平对齐块级元素。使用 margin 属性来水平对齐可通过将左和右外边距设置为 "auto",来对齐块元素。注释:除非已经声明了 !DOCTYPE,否则使用 margin:auto 在 IE8 以及更早的原创 2014-08-03 22:23:02 · 403 阅读 · 0 评论 -
CSS 伪元素 (Pseudo-elements)
CSS 伪元素 (Pseudo-elements)CSS 伪类CSS 对齐CSS 伪元素用于向某些选择器设置特殊效果。语法伪元素的语法:selector:pseudo-element {property:value;}CSS 类也可以与伪元素配合使用:selector.class:pseudo-element {property:value;}原创 2014-08-03 22:19:21 · 262 阅读 · 0 评论 -
CSS 相邻兄弟选择器
CSS 相邻兄弟选择器CSS 子元素选择器CSS 伪类相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。选择相邻兄弟如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector)。例如,如果要增加紧接在 h1 元原创 2014-08-03 22:13:25 · 434 阅读 · 1 评论 -
CSS 相对定位
CSS 相对定位CSS 定位概述CSS 绝对定位设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。CSS 相对定位相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。如果将 top 设置为 20px,那么框原创 2014-08-03 21:02:06 · 374 阅读 · 0 评论 -
CSS 轮廓
轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。CSS outline 属性规定元素轮廓的样式、颜色和宽度。轮廓(Outline) 实例:在元素周围画线本例演示使用outline属性在元素周围画一条线。设置轮廓的颜色本例演示如何设置轮廓的颜色。设置轮廓的样式本例演示如何设置轮廓的样式。设置轮廓的宽度本例演示如何设置轮廓的宽度。C原创 2014-08-03 14:05:20 · 254 阅读 · 0 评论 -
CSS 参考手册
CSS 参考手册Previous PageNext Page请点击表格中属性列的链接,可以查看相关属性的详细信息。CSS 属性组:背景文本字体边框和轮廓外边距内边距列表内容生成尺寸定位打印表格伪类伪元素提示和注释:属性:“属性” 列指向语法、实例、浏览器支持等内容。CSS:"CSS" 列指示属性是在哪个 CSS 版本中定义的(CSS1原创 2014-08-04 09:02:14 · 428 阅读 · 0 评论 -
CSS 尺寸 (Dimension)
CSS 尺寸 (Dimension)CSS 对齐CSS 分类CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度。同样,它允许你增加行间距。CSS 尺寸实例:使用像素值设置图像的高度本例演示如何使用像素值设置元素的高度。使用百分比设置图像的高度本例演示如何使用百分比值来设置元素的高度。使用像素值来设置元素的宽度本例演示如何使用像素值来设置元素原创 2014-08-03 22:23:49 · 299 阅读 · 0 评论 -
CSS 外边距合并
CSS 外边距合并CSS 外边距CSS 定位概述外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。外边距合并外边距合并(叠加)是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。简单地说,外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并原创 2014-08-03 20:02:44 · 286 阅读 · 0 评论 -
CSS solid 属性
CSS solid 属性制作过网页的人都有为画线而烦恼的经历,先来认识一下“Border”(画边框),它是CSS的一个属性,用它可以给能确定范围的HTML标记(如TD、DIV等等)画边框,它可以定义边框线的类型、宽度和颜色,利用这个特性,可以制作一些特殊效果。下面把通过实例来说明其应用技巧。 1、给文本加边框solid 属性" title="CSS solid 属性" height=原创 2014-08-03 17:56:50 · 1450 阅读 · 0 评论 -
CSS 框模型概述
CSS 框模型概述CSS 轮廓CSS 内边距CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和外边距 的方式。CSS 框模型概述元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。提示:背景应用于由内原创 2014-08-03 13:55:01 · 272 阅读 · 0 评论 -
CSS 后代选择器
CSS 后代选择器CSS 属性选择器详解CSS 子元素选择器后代选择器(descendant selector)又称为包含选择器。后代选择器可以选择作为某元素后代的元素。根据上下文选择元素我们可以定义后代选择器来创建一些规则,使这些规则在某些文档结构中起作用,而在另外一些结构中不起作用。举例来说,如果您希望只对 h1 元素中的 em 元素应用样式,可原创 2014-08-03 22:07:45 · 437 阅读 · 0 评论 -
CSS 浮动
CSS 浮动CSS 绝对定位CSS 元素选择器浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。CSS 浮动请看下图,当把框 1 向右浮动时,它脱离文档流并且向右移动,直到它的右边缘碰到包含框的右边缘:再请看下图,当框 1 向左浮动时,它原创 2014-08-03 21:53:22 · 242 阅读 · 0 评论 -
CSS2 媒介类型
CSS 图片透明CSS 注意事项媒介类型(Media Types)允许你定义以何种媒介来提交文档。文档可以被显示在显示器、纸媒介或者听觉浏览器等等。媒介类型某些 CSS 属性仅仅被设计为针对某些媒介。比方说 "voice-family" 属性被设计为针对听觉用户终端。其他的属性可被用于不同的媒介。例如,"font-size" 属性可被用于显示器以及印刷媒介,但是也许会带原创 2014-08-03 22:27:34 · 370 阅读 · 0 评论