<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
  <channel>
    <title>十三博客 - Css3相关</title>
    <link>https://blog.douben.com/forum.php?mod=forumdisplay&amp;fid=40</link>
    <description>Latest 20 threads of Css3相关</description>
    <copyright>Copyright(C) 十三博客</copyright>
    <generator>Discuz! Board by Comsenz Inc.</generator>
    <lastBuildDate>Mon, 01 Jun 2026 09:22:38 +0000</lastBuildDate>
    <ttl>60</ttl>
    <image>
      <url>https://blog.douben.com/static/image/common/logo_88_31.gif</url>
      <title>十三博客</title>
      <link>https://blog.douben.com/</link>
    </image>
    <item>
      <title>用css3写渐变色背景，4中不同类型的渐变可应用到小程序、APP开发中。linear-gradient(</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=576</link>
      <description><![CDATA[用css3写渐变色背景，4中不同类型的渐变可应用到小程序、APP开发中。linear-gradient()线性渐变和radial-gradient()径向渐变



https://www.bilibili.com/video/BV1ga4y1D78d/?spm_id_from=333.1387.search.video_card.click&amp;vd_source=a084060b0c75e286bf9e3964fa4e57 ...]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Mon, 10 Nov 2025 02:29:22 +0000</pubDate>
    </item>
    <item>
      <title>grid网格布局真香，比flex方便太多了，grid-template-columns用法</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=575</link>
      <description><![CDATA[grid网格布局真香，比flex方便太多了，grid-template-columns用法

https://www.bilibili.com/video/BV1gw41167gh/?spm_id_from=333.337.search-card.all.click&amp;vd_source=a084060b0c75e286bf9e3964fa4e57d4]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Sat, 08 Nov 2025 03:48:58 +0000</pubDate>
    </item>
    <item>
      <title>布局</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=569</link>
      <description><![CDATA[]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Fri, 03 Jan 2025 07:59:15 +0000</pubDate>
    </item>
    <item>
      <title>style calc计算属性</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=568</link>
      <description><![CDATA[如果只设置width为100%的话，border的left和righ的边框线可能会挤出视图，从而不可见]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Fri, 03 Jan 2025 01:34:16 +0000</pubDate>
    </item>
    <item>
      <title>css 属性box-sizing: border-box</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=556</link>
      <description><![CDATA[box-sizing: border-box; 是一个 CSS 属性，用于控制元素的盒模型计算方式。具体来说，它改变了元素的宽度和高度的计算方式，使其包括内边距（padding）和边框（border）。

详细解释：
- 默认盒模型（box-sizing: content-box;）：

- 元素的宽度和高度只包括内容区域 ...]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Mon, 02 Dec 2024 06:49:02 +0000</pubDate>
    </item>
    <item>
      <title>CSS3毛玻璃效果模糊效果</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=419</link>
      <description><![CDATA[]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Sat, 10 Jul 2021 04:08:18 +0000</pubDate>
    </item>
    <item>
      <title>CSS整个作用域黑白效果</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=418</link>
      <description><![CDATA[]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Sat, 10 Jul 2021 04:07:17 +0000</pubDate>
    </item>
    <item>
      <title>上下左右剧中</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=417</link>
      <description><![CDATA[]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Sat, 10 Jul 2021 04:06:30 +0000</pubDate>
    </item>
    <item>
      <title>【记得填坑】Less怎么用？</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=242</link>
      <description><![CDATA[Less怎么用？
有什么有点？

传送门：http://www.bootcss.com/p/lesscss/#guide
less在线编译器：http://tool.oschina.net/less
css变量：http://www.ruanyifeng.com/blog/2017/05/css-variables.html]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Fri, 04 Aug 2017 07:53:44 +0000</pubDate>
    </item>
    <item>
      <title>select 文字右对齐</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=239</link>
      <description><![CDATA[1、添加 dir 属性，适合中文，但是会导致英文单词或者有空格的地方文字变成从右到左。
2、使用 css ，这个方法是比较靠谱的，建议使用]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Sat, 22 Jul 2017 07:52:09 +0000</pubDate>
    </item>
    <item>
      <title>遇到select换行的刁钻问题（IOS无法换行）</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=237</link>
      <description><![CDATA[描述：做移动端界面的时候在ios设备下的select选项文字过长，无法换行！
网络暂时没有找到解决方案？自己能否填上这个坑？

前来填坑：


select通过css暂时没有解决方案，不过可以换一种解决方案，还是select不变，关键是加个标签
关于标签的定义：http://www.w3school ...]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Fri, 21 Jul 2017 00:33:57 +0000</pubDate>
    </item>
    <item>
      <title>CSS语法中 &gt; + ~ * 具体都代表什么？</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=235</link>
      <description><![CDATA[&gt; + ~ 以下情况称之为特殊的上下文选择符

名称：子选择符 &gt;
格式：标签1 &gt; 标签2
要求：标签1 必须是 标签2 的父元素，不能是其它的祖先元素
作用域：标签2
代码示例：





名称：紧邻同胞选择符+
格式：标签1 + 标签2
要求：标签2 必须紧跟在期同胞标签1后面
作用域 ...]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Thu, 20 Jul 2017 00:51:32 +0000</pubDate>
    </item>
    <item>
      <title>flex-box 学习</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=218</link>
      <description><![CDATA[推荐学习阅读：
Flex 布局教程：语法篇

Flex 布局教程：实例篇]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Mon, 15 May 2017 11:26:06 +0000</pubDate>
    </item>
    <item>
      <title>觉得12px像素文字还是不够小怎么办？</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=211</link>
      <description><![CDATA[font-size=\'12px\'； 是在css能设置的最小的字体了；
transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

可以通过附加下面css属性实现；]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Thu, 23 Mar 2017 02:09:54 +0000</pubDate>
    </item>
    <item>
      <title>css如何画出一个半圆的样式</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=209</link>
      <description><![CDATA[解决方案一：


解决方案二：]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Tue, 07 Mar 2017 10:00:33 +0000</pubDate>
    </item>
    <item>
      <title>css3转圈圈动画效果</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=182</link>
      <description><![CDATA[这个效果在手机端，做加载中效果会经常用到]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Sat, 26 Nov 2016 06:40:04 +0000</pubDate>
    </item>
    <item>
      <title>实用的60个CSS代码片段(下)</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=180</link>
      <description><![CDATA[31、有趣的&amp;

32、大字段落


33、内部CSS3 盒阴影


34、外部CSS3 盒阴影


35、三角形列表项目符号


36、固定宽度的居中布局


37、CSS3 列文本


38、CSS固定页脚


39、IE6的PNG透明修复


40、跨浏览器设置最小高度


41、CSS3 鲜艳的输入


42、基于文件类型的链 ...]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Tue, 15 Nov 2016 02:27:27 +0000</pubDate>
    </item>
    <item>
      <title>实用的60个CSS代码片段(上)</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=179</link>
      <description><![CDATA[1、垂直对齐如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑：
使用这个技巧，从单行文本、段落到box，都会垂直对齐。目前浏览器对Transform的支持是需要关注的，
Chrome 4, Opera 10, Safari 3, Firef ...]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Tue, 15 Nov 2016 02:13:50 +0000</pubDate>
    </item>
    <item>
      <title>CSS背景色渐变</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=174</link>
      <description><![CDATA[注：
#48b9fe 为浅色；
#018ddd 为深色；
可以根据需求自由替换；]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Thu, 22 Sep 2016 03:06:25 +0000</pubDate>
    </item>
    <item>
      <title>如何禁用a链接不能点击？</title>
      <link>https://blog.douben.com/forum.php?mod=viewthread&amp;tid=153</link>
      <description><![CDATA[]]></description>
      <category>Css3相关</category>
      <author>admin</author>
      <pubDate>Fri, 29 Jul 2016 11:12:25 +0000</pubDate>
    </item>
  </channel>
</rss>