<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[chengfyi的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/chengfyi</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; chengfyi]]></copyright><item><title><![CDATA[第七周 应用视觉设计学习]]></title><link>https://blog.youkuaiyun.com/chengfyi/article/details/121878239</link><guid>https://blog.youkuaiyun.com/chengfyi/article/details/121878239</guid><author>chengfyi</author><pubDate>Sat, 11 Dec 2021 20:12:20 +0800</pubDate><description><![CDATA[视觉设计在 Web 开发中是一个非常广泛的话题。

它结合了排版、色彩理论、图形、动画和页面布局等。

使用 text-align 属性创建视觉平衡

web 内容大部分都是文本。CSS 里面的text-align属性可以控制文本的对齐方式。

text-align: justify;可以让除最后一行之外的文字两端对齐，即每行的左右两端都紧贴行的边缘。

text-align: center;可以让文本居中对齐。

text-align: right;可以让文本右对齐。

text-align: left;]]></description><category></category></item><item><title><![CDATA[第六周 CSS基础学习笔记]]></title><link>https://blog.youkuaiyun.com/chengfyi/article/details/121581360</link><guid>https://blog.youkuaiyun.com/chengfyi/article/details/121581360</guid><author>chengfyi</author><pubDate>Sun, 05 Dec 2021 18:37:59 +0800</pubDate><description><![CDATA[使用顺时针方向指定元素的内边距

如果不想每次都要分别声明padding-top，padding-right，padding-bottom和padding-left属性，可以把它们汇总在padding属性里面声明，如下：

padding: 10px 20px 10px 20px;

这四个值按顺时针排序：上，右，下，左，并且设置的效果等同于特定声明每一个方向的padding。



使用顺时针方向指定元素的外边距

同样，每个方向的外边距值可以在margin属性里面汇总声明，来代替分别声明margin-t]]></description><category></category></item><item><title><![CDATA[第五周 CSS基础学习笔记]]></title><link>https://blog.youkuaiyun.com/chengfyi/article/details/121580540</link><guid>https://blog.youkuaiyun.com/chengfyi/article/details/121580540</guid><author>chengfyi</author><pubDate>Sat, 27 Nov 2021 18:50:49 +0800</pubDate><description><![CDATA[使用顺时针方向指定元素的内边距

如果不想每次都要分别声明padding-top，padding-right，padding-bottom和padding-left属性，可以把它们汇总在padding属性里面声明，如下：

padding: 10px 20px 10px 20px;

这四个值按顺时针排序：上，右，下，左，并且设置的效果等同于特定声明每一个方向的padding。



使用顺时针方向指定元素的外边距

同样，每个方向的外边距值可以在margin属性里面汇总声明，来代替分别声明margin-t]]></description><category></category></item><item><title><![CDATA[第五周 CSS基础学习笔记]]></title><link>https://blog.youkuaiyun.com/chengfyi/article/details/121500470</link><guid>https://blog.youkuaiyun.com/chengfyi/article/details/121500470</guid><author>chengfyi</author><pubDate>Sat, 27 Nov 2021 18:34:01 +0800</pubDate><description><![CDATA[使用顺时针方向指定元素的内边距

如果不想每次都要分别声明padding-top，padding-right，padding-bottom和padding-left属性，可以把它们汇总在padding属性里面声明，如下：

padding: 10px 20px 10px 20px;

这四个值按顺时针排序：上，右，下，左，并且设置的效果等同于特定声明每一个方向的padding。



使用顺时针方向指定元素的外边距

同样，每个方向的外边距值可以在margin属性里面汇总声明，来代替分别声明margin-t]]></description><category></category></item><item><title><![CDATA[第四周 CSS基础学习笔记]]></title><link>https://blog.youkuaiyun.com/chengfyi/article/details/121381964</link><guid>https://blog.youkuaiyun.com/chengfyi/article/details/121381964</guid><author>chengfyi</author><pubDate>Sun, 21 Nov 2021 11:28:04 +0800</pubDate><description><![CDATA[用 border-radius 添加圆角边框

可以使用border-radius属性来让它变得圆润



用 border-radius 制作圆形图片



给 div 元素添加背景色

background-color属性可以设置元素的背景颜色。





设置元素的 id

除了class属性，每一个 HTML 元素也都有id属性。


...]]></description><category></category></item><item><title><![CDATA[第三周 CSS基础学习笔记]]></title><link>https://blog.youkuaiyun.com/chengfyi/article/details/121215207</link><guid>https://blog.youkuaiyun.com/chengfyi/article/details/121215207</guid><author>chengfyi</author><pubDate>Sun, 14 Nov 2021 23:02:50 +0800</pubDate><description><![CDATA[更改文本的颜色

我们通过修改h2元素的style属性的color值来改变文本颜色。



使用元素选择器来设置元素的样式

在 CSS 中，页面样式的属性有几百个，但常用的不过几十个

当我们只需要改变元素的某个样式时，行内样式最简单直观。当我们需要同时改变元素的很多样式时，层叠样式表往往是一个更好的选择。

在代码的顶部，创建一个style声明区域，如下方所示：

&lt;style&gt;
&lt;/style&gt;

在style样式声明区域内，可以创建一个元素选择器，应用于所有的h2元素。例如，]]></description><category></category></item><item><title><![CDATA[第二周HTML 基础学习笔记]]></title><link>https://blog.youkuaiyun.com/chengfyi/article/details/121087709</link><guid>https://blog.youkuaiyun.com/chengfyi/article/details/121087709</guid><author>chengfyi</author><pubDate>Sun, 07 Nov 2021 18:47:44 +0800</pubDate><description><![CDATA[给图片添加链接

可以通过把元素嵌套进锚点里使其变成一个链接。

把锚点的href属性设置为#，就可以创建固定链接。



创建一个无序列表

HTML 有一个特定的元素用于创建无序列表unordered lists（缩写 ul）。

无序列表以&lt;ul&gt;开始，中间包含一个或多个&lt;li&gt;元素，最后以&lt;/ul&gt;结尾。



创建一个有序列表

HTML 有一个特定的元素用于创建有序列表ordered lists（缩写 ol）。

有序列表以&lt;ol&gt;开始，中间包含.]]></description><category></category></item><item><title><![CDATA[第一周 HTML 基础学习笔记]]></title><link>https://blog.youkuaiyun.com/chengfyi/article/details/121065688</link><guid>https://blog.youkuaiyun.com/chengfyi/article/details/121065688</guid><author>chengfyi</author><pubDate>Sun, 31 Oct 2021 17:31:32 +0800</pubDate><description><![CDATA[HTML 的全称是 HyperText Markup Language（超文本标记语言），它是一种用来描述网页结构的标记语言。

它采用一种特殊的语法或符号来组织网页的内容，元素通常都有开始标记和结束标记，例如标题、段落、列表。大部分 HTML 元素都有一个开始标记和一个结束标记。

开始标记像这样：&lt;h1&gt;

结束标记像这样：&lt;/h1&gt;

开始标记和结束标记的唯一区别就是结束标记多了一个/。





用 p 元素代表段落

p是paragraph的缩写，通常被用来创建一个段落，.]]></description><category></category></item></channel></rss>