weixin_43885779的博客

所有CSS字体属性font 在一个声明中设置所有的字体属性font-family 指定文本的字体系列font-size 指定文本的字体大小font-style 指定文本的字体样式font-variant 以小型大写字体或者正常字体显示文本。font-weight 指定字体的粗细。CSS字型在CSS中，有两种类型的字体系列名称：通用字体系列 -...

媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上，在纸张上，或听觉浏览器等等。媒体类型一些 CSS 属性只设计了某些媒体。例如 voice-family 属性是专为听觉用户代理。其他一些属性可用于不同的媒体类型。例如， font-size 属性可用于屏幕和印刷媒体，但有不同的值。屏幕和纸上的文件不同，通常需要一个更大的字体，sans-serif 字体比较适合在屏幕...

CSS padding（填充）是一个简写属性，定义元素边框与元素内容之间的空间，即上下左右的内边距。padding（填充）当元素的 padding（填充）内边距被清除时，所释放的区域将会受到元素背景颜色的填充。单独使用 padding 属性可以改变上下左右的填充。可能的值填充- 单边内边距属性在CSS中，它可以指定不同的侧面不同的填充：padding - top:25px;pa...

display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏。隐藏元素 - display:none或visibility:hidden隐藏一个元素可以通过把display属性设置为"none"，或把visibility属性设置为"hidden"。但是请注意，这两种方法会产生不同的结果。visibility:hidden可以隐藏某个元素，但隐藏的元素仍需占用...

position 属性指定了元素的定位类型。position 属性的五个值：元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。static 定位HTML 元素的默认值，即没有定位，遵循正常的文档流对象。静态定位的元素不会受到 top, bottom, left, right影响。<s...

CSS overflow 属性用于控制内容溢出元素框时显示的方式。<style>#overflowTest { background: #4CAF50; color: white; padding: 15px; width: 80%; height: 100px; overflow: scroll; border: 1px s...

什么是 CSS Float（浮动）？CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。Float（浮动），往往是用于图像，但它在布局时一样非常有用。元素怎样浮动元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。浮动元素之后的元素将围绕它。浮动元素之前的元素将不...

元素居中对齐要水平居中对齐一个元素(如 ), 可以使用 margin: auto;。设置到元素的宽度将防止它溢出到容器的边缘。元素通过指定宽度，并将两边的空外边距平均分配：<style> .center { margin: auto; width: 60%; border: 3px solid #73AD21; padding: 1...

CSS3 背景CSS3中包含几个新的背景属性，提供更大背景元素控制。在本章您将了解以下背景属性：浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。CSS3 background-image属性CSS3中可以通过background-image属性添加背景图片。不同的背景图...

浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。-webkit- 或 -moz- 前面的数字表示支持该前缀的第一个版本。CSS3 border-radius 属性使用 CSS3 border-radius 属性，你可以给任何元素制作 “圆角”。以下为三个实例：指定背景颜色的元素圆角：指定边框的元素圆角:指定背景图片的元素圆角:代码如下: &lt...

实例1 - 创建一个透明图像CSS3中属性的透明度是 opacity。首先，我们将向您展示如何用CSS创建一个透明图像。正常的图像相同的图像带有透明度：看看下面的CSS：img{ opacity:0.4; filter:alpha(opacity=40); /* IE8 及其更早版本 */}实例2 - 图像的透明度 - 悬停效果将鼠标移到图像上：img{ o...

以下是使用CSS创建图片廊：图片廊以下是使用 CSS 创建图片廊：<style> div.img { margin: 5px; border: 1px solid #ccc; float: left; width: 180px; } div.img:hover { border: 1px solid #777; }...

【css】 text 文本所有css文本属性 color 设置文本颜色 direction 设置文本方向。 letter-spacing 设置字符间距 line-height 设置行高 text-align 对齐元素中的文本 text-decoration 向文本添加修饰 text-indent ...

CSS列表属性作用如下：设置不同的列表项标记为有序列表设置不同的列表项标记为无序列表设置列表项标记为图像所有的CSS列表属性list-style 简写属性。用于把所有用于列表的属性设置于一个声明中list-style-image 将图象设置为列表项标志。list-style-position 设置列表中列表项标志的位置。list-style-type ...

CSS 背景属性用于定义HTML元素的背景。CSS 属性定义背景效果:background 简写属性，作用是将背景图背景属性设置在一个声明中。background - color 设置元素的背景颜色。background - image 把图像设置为背景。background - repeat 设置背景图像是否及如何重复。backg...

表格边框指定CSS表格边框，使用border属性。下面的例子指定了一个表格的Th和TD元素的黑色边框：table, th, td { border: 1px solid black; }请注意，在上面的例子中的表格有双边框。这是因为表和th/ td元素有独立的边界。为了显示一个表的单个边框，使用 border-collapse属性。折叠边框border-collapse ...

CSS 盒子模型(Box Model)所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model)：不同部分的说明： Margin(外边距) - 清除边框...

CSS 边框属性CSS边框属性允许你指定一个元素边框的样式和颜色。边框样式边框样式属性指定要显示什么样的边界。Remark border-style属性用来定义边框的样式边框宽度您可以通过 border-width 属性为边框指定宽度。为边框指定宽度有两种方法：可以指定长度值，比如 2px 或 0.1em(单位为 px, pt, cm, em 等)，或者使用 3 个关键字之一，它...

轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。轮廓（outline）属性指定元素轮廓的样式、颜色和宽度。轮廓（outline）实例本例演示使用outline属性在元素周围画一条线。<style>p{ border:1px solid red; outline:green dotted thick; }</style&g...

CSS margin(外边距)属性定义元素周围的空间。marginmargin 清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。margin 可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。可能的值Margin - 单边外边距属性在CSS中，它可以指定不同的侧面不同的边距：margin-top:100px;margin-bottom:10...

CSS 组合选择符CSS组合选择符包括各种简单选择符的组合方式。在 CSS3 中包含了四种组合方式:后代选择器后代选择器用于选取某元素的后代元素。以下实例选取所有< p >元素插入到 < div > 元素中:<style>div p{ background-color:yellow;}</style><body&gt...