<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
  <channel>
    <title>小白教程 - css系列教程</title>
    <link>https://www.xiaobai27.com/portal.php?mod=list&amp;catid=23</link>
    <description>Latest 20 articles of css系列教程</description>
    <copyright>Copyright(C) 小白教程</copyright>
    <generator>Discuz! Board by Comsenz Inc.</generator>
    <lastBuildDate>Mon, 11 May 2026 13:04:36 +0000</lastBuildDate>
    <ttl>60</ttl>
    <image>
      <url>https://www.xiaobai27.com/static/image/common/logo_88_31.gif</url>
      <title>小白教程</title>
      <link>https://www.xiaobai27.com/</link>
    </image>
    <item>
      <title>CSS 属性 选择器</title>
      <link>https://www.xiaobai27.com/article-467-1.html</link>
      <description><![CDATA[顾名思义，CSS 属性选择器就是指可以根据元素的属性以及属性值来选择元素。具有特定属性的HTML元素样式具有特定属性的 HTML 元素样式不仅仅是 class 和 id。注意：IE7 和 IE8 需声明 !DOCTYPE 才支持属性选择器！IE6 ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:34:46 +0000</pubDate>
    </item>
    <item>
      <title>CSS 媒体类型</title>
      <link>https://www.xiaobai27.com/article-466-1.html</link>
      <description><![CDATA[媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上，在纸张上，或听觉浏览器等等。媒体类型某些 CSS 属性仅仅被设计为针对某些媒介。比方说voice-family属性被设计为针对听觉用户终 ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:34:05 +0000</pubDate>
    </item>
    <item>
      <title>CSS 图像拼合技术</title>
      <link>https://www.xiaobai27.com/article-465-1.html</link>
      <description><![CDATA[图像拼合图像拼合就是单个图像的集合。有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求。使用图像拼合会降低服务器的请求数量，并节省带宽。图像拼合 - 简单实例与其使用三个独立的图像，不如我们 ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:33:22 +0000</pubDate>
    </item>
    <item>
      <title>CSS 图像透明/不透明</title>
      <link>https://www.xiaobai27.com/article-464-1.html</link>
      <description><![CDATA[使用 CSS 很容易创建透明的图像。注意：CSS Opacity 属性是W3C 的 CSS3 建议的一部分。实例1 - 创建一个透明图像CSS3中属性的透明度是opacity.首先，我们将向您展示如何用CSS创建一个透明图像。正常的图像相同的图像 ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:32:36 +0000</pubDate>
    </item>
    <item>
      <title>CSS 图片廊</title>
      <link>https://www.xiaobai27.com/article-463-1.html</link>
      <description><![CDATA[以下是使用CSS创建图片廊：添加图片描述添加图片描述添加图片描述添加图片描述图片廊以下是使用CSS创建图片廊：实例stylediv.img { height:auto;width:auto;float:left;text-align:center;}div.img img { display:in ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:31:53 +0000</pubDate>
    </item>
    <item>
      <title>CSS 下拉菜单</title>
      <link>https://www.xiaobai27.com/article-462-1.html</link>
      <description><![CDATA[使用 CSS 创建一个鼠标移动上去后显示下拉菜单的效果。基本下拉菜单当鼠标移动到指定元素上时，会出现下拉菜单。实例style.dropdown{position:relative;display:inline-block;}.dropdown-content{display:none;posit ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:31:15 +0000</pubDate>
    </item>
    <item>
      <title>CSS 导航栏</title>
      <link>https://www.xiaobai27.com/article-461-1.html</link>
      <description><![CDATA[导航栏熟练使用导航栏，对于任何网站都非常重要。使用 CSS 你可以转换成好看的导航栏而不是枯燥的 HTML 菜单。导航栏=链接列表作为标准的 HTML 基础一个导航栏是必须的。在我们的例子中我们将建立一个标准的 HTML 列 ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:30:29 +0000</pubDate>
    </item>
    <item>
      <title>CSS 伪元素</title>
      <link>https://www.xiaobai27.com/article-460-1.html</link>
      <description><![CDATA[CSS 伪元素是用来添加一些选择器的特殊效果。CSS 伪元素控制的内容和元素是没有差别的，但是它本身只是基于元素的抽象，并不存在于文档中，所以称为伪元素。语法伪元素的语法：selector:pseudo-element{property:val ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:29:14 +0000</pubDate>
    </item>
    <item>
      <title>CSS 伪类</title>
      <link>https://www.xiaobai27.com/article-459-1.html</link>
      <description><![CDATA[CSS 伪类是用来添加一些选择器的特殊效果。由于状态的变化是非静态的，所以元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和 class 有些类似，但它 ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:28:16 +0000</pubDate>
    </item>
    <item>
      <title>CSS 组合选择符</title>
      <link>https://www.xiaobai27.com/article-458-1.html</link>
      <description><![CDATA[CSS 组合选择符可以让你直观的明白选择器与选择器之间的关系。CSS 组合选择符组合选择符说明了两个选择器直接的关系。CSS组合选择符包括各种简单选择符的组合方式。在 CSS3 中包含了四种组合方式:后代选取器(以空格 ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:27:24 +0000</pubDate>
    </item>
    <item>
      <title>CSS 水平对齐</title>
      <link>https://www.xiaobai27.com/article-457-1.html</link>
      <description><![CDATA[块元素对齐块元素是一个元素，占用了全宽，前后都是换行符。块元素的例子：h1pdiv文本对齐，请参阅CSS文本章节。.在这一章中，我们会告诉你块元素如何水平对齐布局。中心对齐,使用margin属性块元素可以把左，右页边 ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:26:31 +0000</pubDate>
    </item>
    <item>
      <title>CSS Float(浮动)</title>
      <link>https://www.xiaobai27.com/article-456-1.html</link>
      <description><![CDATA[CSS float 属性定义元素在哪个方向浮动，浮动元素会生成一个块级框，直到该块级框的外边缘碰到包含框或者其他的浮动框为止。什么是 CSS Float（浮动）？CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素 ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:25:23 +0000</pubDate>
    </item>
    <item>
      <title>CSS Positioning (定位)</title>
      <link>https://www.xiaobai27.com/article-455-1.html</link>
      <description><![CDATA[Positioning (定位)CSS 定位属性允许你为一个元素定位。它也可以将一个元素放在另一个元素后面，并指定一个元素的内容太大时，应该发生什么。元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作 ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:24:03 +0000</pubDate>
    </item>
    <item>
      <title>CSS (显示) 与 （可见性）</title>
      <link>https://www.xiaobai27.com/article-454-1.html</link>
      <description><![CDATA[CSS display 属性和 visibility 属性都可以用来隐藏某个元素，但是这两个属性有不同的定义，请详细阅读以下内容。display 属性设置一个元素应如何显示，visibility 属性指定一个元素应可见还是隐藏。Box 1Box 2Box 3 ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:22:49 +0000</pubDate>
    </item>
    <item>
      <title>CSS 尺寸</title>
      <link>https://www.xiaobai27.com/article-453-1.html</link>
      <description><![CDATA[CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度。同样，它允许你增加行间距。所有CSS 尺寸 (Dimension)属性属性描述height设置元素的高度。line-height设置行高。max-height设置元素的最大高度。max-width设 ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:21:37 +0000</pubDate>
    </item>
    <item>
      <title>CSS 分组 和 嵌套 选择器</title>
      <link>https://www.xiaobai27.com/article-452-1.html</link>
      <description><![CDATA[CSS 分组可以将具有相同样式的选择器进行分组，减少代码量。CSS 嵌套适用于选择器内部的选择器的样式。Grouping Selectors在样式表中有很多具有相同样式的元素。实例h1{color:green;}h2{color:green;}p{color:green; ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:20:43 +0000</pubDate>
    </item>
    <item>
      <title>CSS Padding（填充）</title>
      <link>https://www.xiaobai27.com/article-451-1.html</link>
      <description><![CDATA[CSS Padding（填充）属性定义元素边框与元素内容之间的空间。Padding（填充）当元素的 Padding（填充）（内边距）被清除时，所&amp;quot;释放&amp;quot;的区域将会受到元素背景颜色的填充。单独使用填充属性可以改变上下左右的填充。缩 ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:19:49 +0000</pubDate>
    </item>
    <item>
      <title>CSS Margin(外边距)</title>
      <link>https://www.xiaobai27.com/article-450-1.html</link>
      <description><![CDATA[CSS Margin (外边距)属性定义元素周围的空间。CSS Margin 属性接受任何长度单位、百分数值甚至负值。Marginmargin 清除周围的元素（外边框）的区域。margin 没有背景颜色，是完全透明的margin 可以单独改变元素的上 ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:19:14 +0000</pubDate>
    </item>
    <item>
      <title>CSS 轮廓（outline）</title>
      <link>https://www.xiaobai27.com/article-449-1.html</link>
      <description><![CDATA[CSS 轮廓（outline）轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。CSS outline 属性规定元素轮廓的样式、颜色和宽度。提示：你可以在本站的《CSS参考手册》中了解更多关于C ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:18:00 +0000</pubDate>
    </item>
    <item>
      <title>CSS 边框</title>
      <link>https://www.xiaobai27.com/article-448-1.html</link>
      <description><![CDATA[CSS 边框 (border) 可以是围绕元素内容和内边距的一条或多条线，对于这些线条，您可以自定义它们的样式、宽度以及颜色。使用 CSS 边框属性，我们可以创建出比 HTML 中更加优秀的效果。CSS 边框属性CSS边框属性允许你 ... ...]]></description>
      <category>css系列教程</category>
      <author>小白教程</author>
      <pubDate>Sun, 27 Feb 2022 00:17:19 +0000</pubDate>
    </item>
  </channel>
</rss>