<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[JL_xcly的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/JL_xcly</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; JL_xcly]]></copyright><item><title><![CDATA[0034-网格布局]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122987127</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122987127</guid><author>JL_xcly</author><pubDate>Thu, 17 Feb 2022 17:36:43 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[0033-3D]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122986813</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122986813</guid><author>JL_xcly</author><pubDate>Thu, 17 Feb 2022 16:54:38 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[0032-关键帧动画]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122986135</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122986135</guid><author>JL_xcly</author><pubDate>Thu, 17 Feb 2022 16:34:59 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[0031-2D属性]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122985839</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122985839</guid><author>JL_xcly</author><pubDate>Thu, 17 Feb 2022 16:19:33 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[0030-过渡]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122985582</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122985582</guid><author>JL_xcly</author><pubDate>Thu, 17 Feb 2022 16:09:41 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[0029-渐变]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122985319</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122985319</guid><author>JL_xcly</author><pubDate>Thu, 17 Feb 2022 16:04:57 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[0028-响应式布局]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122984743</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122984743</guid><author>JL_xcly</author><pubDate>Thu, 17 Feb 2022 15:48:06 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[0027-多列布局]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122984415</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122984415</guid><author>JL_xcly</author><pubDate>Thu, 17 Feb 2022 15:27:03 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[0026-怪异盒模型]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122984123</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122984123</guid><author>JL_xcly</author><pubDate>Thu, 17 Feb 2022 15:24:48 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[0025-字体]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122984051</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122984051</guid><author>JL_xcly</author><pubDate>Thu, 17 Feb 2022 15:14:45 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[0024-阴影]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122968980</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122968980</guid><author>JL_xcly</author><pubDate>Wed, 16 Feb 2022 18:04:47 +0800</pubDate><description><![CDATA[文本阴影

多阴影设置直接在后面加逗号隔开继续写。
盒子阴影


]]></description><category></category></item><item><title><![CDATA[0023-CSS3选择器]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122966664</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122966664</guid><author>JL_xcly</author><pubDate>Wed, 16 Feb 2022 17:49:47 +0800</pubDate><description><![CDATA[CSS3介绍



CSS3选择器

E&gt;F 父子
E+F 紧挨着的亲兄弟
E~F 后面的所有亲兄弟


X：nth-child(n):第几个，偶数2n(even)，奇数2n+1,2n-1(odd)

可以用于点击描点显示相应元素，类手风琴样式。



]]></description><category></category></item><item><title><![CDATA[0022-H5新增]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122965950</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122965950</guid><author>JL_xcly</author><pubDate>Wed, 16 Feb 2022 16:28:38 +0800</pubDate><description><![CDATA[#H5新增音频，视频标签

增强表单
1.input属性

2.数据列表

3.属性


]]></description><category></category></item><item><title><![CDATA[0021-表单补充]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122947013</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122947013</guid><author>JL_xcly</author><pubDate>Tue, 15 Feb 2022 16:18:59 +0800</pubDate><description><![CDATA[输入框(input) 样式
input {
width: 100%;
}
以上实例中设置了所有  元素的宽度为 100%，如果你只想设置指定类型的输入框可以使用以下属性选择器：
input[type=text] - 选取文本输入框
input[type=password] - 选择密码的输入框
input[type=number] - 选择数字的输入框
输入框填充
使用 padding 属性可以在输入框中添加内边距。
input[type=text] {
width: 100%;
padding: 12px]]></description><category></category></item><item><title><![CDATA[0020-宽高自适应]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122946708</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122946708</guid><author>JL_xcly</author><pubDate>Tue, 15 Feb 2022 16:00:31 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[0019-定位]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122946653</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122946653</guid><author>JL_xcly</author><pubDate>Tue, 15 Feb 2022 15:56:45 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[0018-元素显示类型]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122941887</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122941887</guid><author>JL_xcly</author><pubDate>Tue, 15 Feb 2022 12:26:52 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[0017-溢出属性]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122941677</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122941677</guid><author>JL_xcly</author><pubDate>Tue, 15 Feb 2022 12:14:54 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[0016-盒子模型]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122923184</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122923184</guid><author>JL_xcly</author><pubDate>Mon, 14 Feb 2022 14:15:51 +0800</pubDate><description><![CDATA[1.盒子模型
盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间，即都包含边框、边界、补白、内容区，这就是盒模型。

2.Padding属性
1、padding的使用方法（内间距）当分析一个缝隙相对于当前容器来说是里面的时候，就用padding。
填充：padding,在设定页面中一个元素内容到元素的边缘(边框) 之间的距离。 也称补白。
用法：
1）用来调整内容在容器中的位置关系
2）padding值是额外加在元素原有大小之上的，]]></description><category></category></item><item><title><![CDATA[0015-浮动属性]]></title><link>https://blog.youkuaiyun.com/JL_xcly/article/details/122922897</link><guid>https://blog.youkuaiyun.com/JL_xcly/article/details/122922897</guid><author>JL_xcly</author><pubDate>Mon, 14 Feb 2022 13:56:41 +0800</pubDate><description><![CDATA[浮动属性


个数
属性
描述
说明


1
float
float：left；
元素靠左边浮动


2
float
float：right；
元素靠右边浮动


3
float
float：none；
元素不浮动


浮动的作用1
定义网页中其他文本如何环绕该元素显示


浮动的作用2
让竖着的东西横过来


正常的文档流都是独占一行，竖向排列的

当一个元素不再在文档流中占据空间，
而是漂浮在文档流的上方的时候
叫做脱离文档流

1、浮动会脱离网页文档，与其他不浮动的元素发生重叠
2、但是不会与文字发生]]></description><category></category></item></channel></rss>