随笔分类 -  CSS

摘要:CSS相对定位 设置为相对定位(relative)的元素会偏移某个距离。元素仍保持其未定位前的形状,他原本所占的空间仍然保留 CSS相对定位 相对定位是一个非常容易掌握的概念,如果对一个元素进行相对定位,他将出现在她所在的位置上 然后 可以通过设置垂直或者水平位置 让这个元素相对于他的起点进行移动。 阅读全文
posted @ 2016-12-16 17:44 幻影-2000 阅读(3876) 评论(0) 推荐(0)
摘要:CSS定位(Positioning)属性 允许你对元素进行定位。 CSS定位和浮动 CSS为定位和浮动提供了一些属性,利用这些属性 可以建立列式布局,将布局的一部分与另一部分重叠。还可以完成多年来通常需要使用多个表格才能完成的任务。 定位的基本思想很简单 它允许你定义元素框相对于其正常位置应该出现的 阅读全文
posted @ 2016-12-16 16:53 幻影-2000 阅读(420) 评论(0) 推荐(0)
摘要:CSS外边距 围绕在元素边框的空白区域就是外边距 设置外边距会在元素外创建额外的空白 设置外边距的最简单的方法就是使用 margin 属性,这个属性接受任何长度单位、百分数值甚至负值。 CSS margin 属性 margin 属性 接受任何长度单位 可以是像素 英寸 毫米 或者 em margin 阅读全文
posted @ 2016-12-16 15:24 幻影-2000 阅读(7708) 评论(0) 推荐(0)
摘要:元素的边框(border)是围绕元素内容和内边距的一条或多条线 CSS border 属性允许你规定边框的样式 宽度和颜色 CSS 边框 在 HTML 中,我们使用表格来创建文本周围的边框,但是通过使用 CSS 边框属性,我们可以创建出效果出色的边框,并且可以应用于任何元素。元素外边距内就是元素的的 阅读全文
posted @ 2016-12-16 14:15 幻影-2000 阅读(525) 评论(0) 推荐(0)
摘要:CSS框模型( Box Model)规定了元素框处理元素的内容 内边距 边框 和 外边距的方式 CSS框模型概述 可以用下面的模型图概述 元素框的最内部分是实际的内容 直接包围内容的是内边距 内边距呈现了元素的背景 内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此 不会遮挡其后的任何元 阅读全文
posted @ 2016-12-16 13:59 幻影-2000 阅读(224) 评论(0) 推荐(0)
摘要:轮廓(outline)是绘制于元素周围的一条线 位于边框边缘的外围 可起到突出元素的作用 CSS outline属性规定元素轮廓的样式 颜色和宽度 话不多说 来几个例子 看一看 1:在元素周围画线 2:设置轮廓的颜色 3:设置轮廓的样式 4:设置轮廓的宽度 CSS边框属性 阅读全文
posted @ 2016-12-15 23:44 幻影-2000 阅读(441) 评论(0) 推荐(0)
摘要:CSS 表格属性可以帮助您极大的改善表格的外观 表格边框 如需在CSS中设置表格的边框 请使用border属性。 在下面的例子中table th 以及td设置了蓝色边框。 ⚠️上例中的表格具有双线条边框 这是由于table th td元素都具有独立的边框 如果 你想要把表格显示为单线条框 请使用bo 阅读全文
posted @ 2016-12-15 23:31 幻影-2000 阅读(422) 评论(0) 推荐(0)
摘要:CSS列表属性允许你放置 改变列表项标志 或者将图像作为列表项标志。 CSS列表 从某中意义上讲 不是描述性的文本的任何内容都可以认为是列表。人口普查、太阳系、家谱、参观菜单,甚至你的所有朋友都可以表示为一个列表或者是列表的列表。 由于列表如此多样 这使得列表相当重要 所以说CSS中磊表的样式不太丰 阅读全文
posted @ 2016-12-15 22:29 幻影-2000 阅读(199) 评论(0) 推荐(0)
摘要:我们能够以不同的方法为链接设置样式。 设置链接的样式 能够设置链接样式的 CSS 属性有很多种(例如 color, font-family, background 等等)。链接的特殊性在于能够根据它们所处的状态来设置它们的样式。 链接的四种状态 a:link-普通的 未被访问的链接 a:visite 阅读全文
posted @ 2016-12-15 18:09 幻影-2000 阅读(169) 评论(0) 推荐(0)
摘要:css字体属性定义文本的字体系列 大小 加粗 风格 和 变形(如小型大写字母(类似于大写字母字体变小了)) css字体系列 在css中 有两种不同类型的字体系列名称 1.通用字体系列 - 拥有相似外观的字体系统组合(比如 "Serif" 或 "Monospace")2.特定字体系列 - 具体的字体系 阅读全文
posted @ 2016-12-15 17:47 幻影-2000 阅读(313) 评论(0) 推荐(0)
摘要:CSS文本属性可以定义文本的外观 通过文本属性 您可以改变文本的颜色 字符间距 文本对齐装饰文本 对文本进行缩进等等。 缩进文本 把web页面上的段落的第一行缩进,这是最常用的文本格式化效果。 css 提供了text-indent属性 该属性可以方便的实现文本缩进。 通过 text-indent属性 阅读全文
posted @ 2016-12-15 17:19 幻影-2000 阅读(322) 评论(0) 推荐(0)
摘要:背景色 可以使用background-color属性为元素设置背景色 这个属性接受任何合法的颜色值。 可以使用background-image属性来喂元素设置背景图片。 背景重复 如果需要在页面上对背景图进行平铺,可以使用background-repeat属性。 属性值repeat导致图像在水平垂直 阅读全文
posted @ 2016-12-14 16:05 幻影-2000 阅读(290) 评论(0) 推荐(0)
摘要:CSS概述 CSS指层叠样式表(Cascading Style Sheets) 样式定义如何显示HTML元素 样式通常存储在样式表中 把样式添加到HTML4.0中 是为了解决内容与表现分离的问题 外部样式表可以极大的提高工作效率 外部样式表通常存储在CSS文件中 多个样式定义可层叠为一 样式解决了一 阅读全文
posted @ 2016-12-14 15:03 幻影-2000 阅读(220) 评论(0) 推荐(0)