<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[BiuBiuBlu的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/BiuBiuBlu</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; BiuBiuBlu]]></copyright><item><title><![CDATA[(学习笔记Day5) 移动端常见布局]]></title><link>https://blog.youkuaiyun.com/BiuBiuBlu/article/details/122006313</link><guid>https://blog.youkuaiyun.com/BiuBiuBlu/article/details/122006313</guid><author>BiuBiuBlu</author><pubDate>Fri, 17 Dec 2021 22:46:02 +0800</pubDate><description><![CDATA[1.流式布局（百分比布局）

    流式布局，就是百分比布局，也称非固定像素布局

    通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充

    流式布局方式是移动web开发使用的比较常见的布局方式

max-width (最大宽度) max-width

min-width (最小宽度) min-width
...]]></description><category></category></item><item><title><![CDATA[(学习笔记Day4) meta视口标签]]></title><link>https://blog.youkuaiyun.com/BiuBiuBlu/article/details/122005844</link><guid>https://blog.youkuaiyun.com/BiuBiuBlu/article/details/122005844</guid><author>BiuBiuBlu</author><pubDate>Fri, 17 Dec 2021 22:31:51 +0800</pubDate><description><![CDATA[属性：width 宽度设置的是viewport宽度，可以设置device-width特殊值

     inital-scale:初始缩放比，大于0的数字

     maximum-scale:最大缩放比，大于0的数字

     minimum-scale:最小缩放比，大于0的数字

     user-scalable: 用户是否可以缩放，yes或no（1或0）

标准的viewport设置：

视口宽度和设备保持一致

...]]></description><category></category></item><item><title><![CDATA[学习补充备忘]]></title><link>https://blog.youkuaiyun.com/BiuBiuBlu/article/details/121915650</link><guid>https://blog.youkuaiyun.com/BiuBiuBlu/article/details/121915650</guid><author>BiuBiuBlu</author><pubDate>Mon, 13 Dec 2021 23:06:31 +0800</pubDate><description><![CDATA[button标签：cursor：pointer 悬停按钮鼠标变成小手样式

          disabled：disabled 禁用按钮
]]></description><category></category></item><item><title><![CDATA[(学习笔记Day3) css3的新增属]]></title><link>https://blog.youkuaiyun.com/BiuBiuBlu/article/details/121915774</link><guid>https://blog.youkuaiyun.com/BiuBiuBlu/article/details/121915774</guid><author>BiuBiuBlu</author><pubDate>Mon, 13 Dec 2021 23:06:02 +0800</pubDate><description><![CDATA[2.1属性选择器（类选择器，属性选择器，伪类选择器他们的权重都是10）

    使用方法：标签名[ 属性名] { 样式 }

             标签名[ 属性名="属性值"] { 样式 }

             标签名[ 属性名^="属性值"] { 样式 }(以该属性开头的)

            标签名[ 属性名$="属性值"] { 样式 }(以该属性结尾的)

       ...]]></description><category></category></item><item><title><![CDATA[（学习笔记 Day2）html5新增input表单、表单属性]]></title><link>https://blog.youkuaiyun.com/BiuBiuBlu/article/details/121664623</link><guid>https://blog.youkuaiyun.com/BiuBiuBlu/article/details/121664623</guid><author>BiuBiuBlu</author><pubDate>Wed, 01 Dec 2021 22:41:10 +0800</pubDate><description><![CDATA[使用方法：&lt;input type="email"&gt;

2.新增的表单属性

（1）required： 属性值为required 作用是表单内容不能为空

（2）placeholder： 属性值为提示内容 作用是显示表单的默认信息

（3）autofocus ： 属性值为autofocus 作用是自动聚焦到指定表单

（4）autocomplete :属性值为on/off 作用是当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项默认已经打开，如autocompl...]]></description><category></category></item><item><title><![CDATA[(学习笔记 Day1) html5新增的多媒体标签]]></title><link>https://blog.youkuaiyun.com/BiuBiuBlu/article/details/121643029</link><guid>https://blog.youkuaiyun.com/BiuBiuBlu/article/details/121643029</guid><author>BiuBiuBlu</author><pubDate>Tue, 30 Nov 2021 22:23:14 +0800</pubDate><description><![CDATA[1.audio标签

因为不同浏览器支持不同格式，我们采取的解决方案是为音频准备多个格式如：

&lt;audio controls="controls"&gt;

    &lt;source src="happy.mp3" type="happy"&gt;

&lt;source src="happy.ogg" type="happy"&gt;

常用属性：

autoplay：属性值为autoplay 作用是让音频自动播放（火狐及谷歌默认禁用自动播放的属性）

control...]]></description><category></category></item><item><title><![CDATA[（学习笔记 Day1）html5的新增语义化标签]]></title><link>https://blog.youkuaiyun.com/BiuBiuBlu/article/details/121642752</link><guid>https://blog.youkuaiyun.com/BiuBiuBlu/article/details/121642752</guid><author>BiuBiuBlu</author><pubDate>Tue, 30 Nov 2021 21:11:16 +0800</pubDate><description><![CDATA[&lt;header&gt; 头部标签

&lt;nav&gt; 导航栏标签

&lt;article&gt; 内容标签

&lt;section&gt; 块级标签

&lt;aside&gt; 侧边栏标签

&lt;footer&gt; 尾部标签



1.这种语义化标签主要用于搜索引擎

2.这些新标签可以在页面中使用多次

3.在IE9中这些标签需要转换成块级元素（display：block）
...]]></description><category></category></item></channel></rss>