<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[sonicbin的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/sonicbin</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; sonicbin]]></copyright><item><title><![CDATA[前端第二十一天]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/123295741</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/123295741</guid><author>sonicbin</author><pubDate>Sat, 05 Mar 2022 16:43:37 +0800</pubDate><description><![CDATA[浮动float之后能设置width和height属性，并支持margin和padding属性。

在没有设置宽高的情况下浮动后，内容撑开宽度高度，如果设置了宽高，那就按照设置的宽高来显示。

可以使块属性元素并排排列

消除浮动可以使用overflow:hidden或


clear：在浮动元素的末尾添加一个空标签，在此空标签上设置clear属性
清除两侧浮动
.clear {
	clear:both;
    height:0;
    overflow:hidden;
}
如果页面中有定位元素，并且元素]]></description><category></category></item><item><title><![CDATA[前端第二十天]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/123283881</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/123283881</guid><author>sonicbin</author><pubDate>Fri, 04 Mar 2022 19:39:56 +0800</pubDate><description><![CDATA[学习了盒子模型。
]]></description><category></category></item><item><title><![CDATA[前端第十九天]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/123262672</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/123262672</guid><author>sonicbin</author><pubDate>Thu, 03 Mar 2022 20:32:02 +0800</pubDate><description><![CDATA[表单：表单用于收集用户的信息。form标签被用于定义表单域。

type中的属性值为color时是颜色选择器，date是日期选择器、week为按周为单位的日期选择器、month为按月为单位的日期选择器。

action：指定表单提交到服务端的地址（url)。mothod='PUT'多用于更新服务端的数据。

contenteditable属性可以让div实现输入文本。
...]]></description><category></category></item><item><title><![CDATA[前端第十八天]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/123238606</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/123238606</guid><author>sonicbin</author><pubDate>Wed, 02 Mar 2022 19:55:36 +0800</pubDate><description><![CDATA[有序列表&lt;ol&gt;中type属性可以替换列表前的排序方式取值为“A a I i ” 。

start属性可以指定从第几项进行排序。

无序列表&lt;ul&gt;中type属性的值有 squire（实心方块） circle（空心圆）disc（实心圆默认）


&lt;!--自定义列表一般用于对某种物品的解释说明--&gt;
&lt;body&gt;
    &lt;dl&gt;
        &lt;dt&gt;雍正&lt;/dt&gt;
        &lt;dd&gt;纯元&lt;/dd&]]></description><category></category></item><item><title><![CDATA[前端第十七天]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/123215718</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/123215718</guid><author>sonicbin</author><pubDate>Tue, 01 Mar 2022 21:01:31 +0800</pubDate><description><![CDATA[字体样式最小号为12px,默认为16px。

font-weight属性后加整百数值100~900。

text-indent属性用来设置文本首行缩进。可以以px为单位设置。
]]></description><category></category></item><item><title><![CDATA[前端第十六天]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/123189489</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/123189489</guid><author>sonicbin</author><pubDate>Mon, 28 Feb 2022 20:10:47 +0800</pubDate><description><![CDATA[复习了CSS的各种连接样式和各种属性，以及各种选择器的优先级：

!importent&gt;行内样式&gt;id选择器&gt;类选择器&gt;标签选择器&gt;通配符选择器&gt;默认样式。



预习了visibility(可见性)属性，visibility隐藏(hidden。 visible显示)元素后元素继续占有原来的位置。使用display属性隐藏则不占有原来的位置。overflow属性的hidden是隐藏溢出部分，scroll是显示滚动条。auto是只在溢出时显示滚动条。

使用边框制作三角步骤]]></description><category></category></item><item><title><![CDATA[html和css学习课件（新版）]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/123155792</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/123155792</guid><author>sonicbin</author><pubDate>Sat, 26 Feb 2022 20:51:42 +0800</pubDate><description><![CDATA[第一章：初识HTML
本章目标：

理解HTML
掌握HTML标签的应用
掌握超链接的应用

什么是HTML

HTML是用来制作网页的标记语言
HTML是HyperText Markup Language的英文缩写,即超文本标记语言
HTML不是一种编程语言，而是一种标记语言 [标记语言是一套标记标签 (markup tag)] ，描述网页的语言
HTML使用标签描述网页中图片、文本、音乐、视频、超链接
在HTML中，虽然有文本，但是这些文本需要使用html语言中的标记来标识。
当被HTML中的标记标识之]]></description><category></category></item><item><title><![CDATA[前端第十五天]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/123155754</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/123155754</guid><author>sonicbin</author><pubDate>Sat, 26 Feb 2022 20:50:06 +0800</pubDate><description><![CDATA[今天主要学习了a标签的各种用法以及元素的分类、注释的写法、和html的书写规范。

a标签的功能性链接及用法：




]]></description><category></category></item><item><title><![CDATA[前端第十四天]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/123140456</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/123140456</guid><author>sonicbin</author><pubDate>Fri, 25 Feb 2022 20:23:16 +0800</pubDate><description><![CDATA[从头过html到img标签。提前预习了定位(position)属性以及作用，还有其属性值static,relative,absolute和fixed的作用。
]]></description><category></category></item><item><title><![CDATA[前端第十三天]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/123119170</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/123119170</guid><author>sonicbin</author><pubDate>Thu, 24 Feb 2022 19:37:15 +0800</pubDate><description><![CDATA[自习，预习。
]]></description><category></category></item><item><title><![CDATA[前端第十二天]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/123097656</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/123097656</guid><author>sonicbin</author><pubDate>Wed, 23 Feb 2022 19:42:49 +0800</pubDate><description><![CDATA[自习完成作业：




]]></description><category></category></item><item><title><![CDATA[前端第十一天]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/123074777</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/123074777</guid><author>sonicbin</author><pubDate>Tue, 22 Feb 2022 18:46:25 +0800</pubDate><description><![CDATA[自习，预习浮动(float)。




]]></description><category></category></item><item><title><![CDATA[前端第十天]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/123055464</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/123055464</guid><author>sonicbin</author><pubDate>Mon, 21 Feb 2022 20:39:26 +0800</pubDate><description><![CDATA[学了盒子的内边距（padding)与外边距（margin)以及其用法并作了联系。










]]></description><category></category></item><item><title><![CDATA[前端第九天]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/123030846</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/123030846</guid><author>sonicbin</author><pubDate>Sun, 20 Feb 2022 14:45:00 +0800</pubDate><description><![CDATA[自习。
]]></description><category></category></item><item><title><![CDATA[前端第八天]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/123010166</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/123010166</guid><author>sonicbin</author><pubDate>Fri, 18 Feb 2022 19:57:26 +0800</pubDate><description><![CDATA[今天学习了CSS盒子模型中的边框(border)以及其他的一些选择器。

通过边框做出六边形：








]]></description><category></category></item><item><title><![CDATA[前端第七天]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/122991255</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/122991255</guid><author>sonicbin</author><pubDate>Thu, 17 Feb 2022 20:25:30 +0800</pubDate><description><![CDATA[今天主要学习了表单以及表单中的各种控件。还学习了分组选择器、元素类选择器、多类选择器、属性选择器。

表单练习：








]]></description><category></category></item><item><title><![CDATA[前端第六天]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/122970314</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/122970314</guid><author>sonicbin</author><pubDate>Wed, 16 Feb 2022 19:32:14 +0800</pubDate><description><![CDATA[今天复习了列表以及列表的样式，学习了表格的创建以及使用。认识了表格的部分属性的作用：

border（表格边框粗细）、cellspacing（单元格间边框与边框的间距）、cellpadding（边框与内容之间的间距）、colspan（跨列合并）、rowspan（跨行合并）等。



鼠标悬浮图片变色效果：






...]]></description><category></category></item><item><title><![CDATA[CSS选择器]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/122948020</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/122948020</guid><author>sonicbin</author><pubDate>Tue, 15 Feb 2022 16:44:10 +0800</pubDate><description><![CDATA[CSS 选择器

**提示：**在规则的最后一个声明后也加上分号是一个好习惯。
在向规则增加另一个声明时，就不必担心忘记再插入一个分号。

选择器表：https://www.w3school.com.cn/cssref/css_selectors.asp
元素选择器
元素选择器是 CSS 选择器中最常见的选择器，元素选择器可以直接通过页面标签进行选择
p {
    color: red;
    font-size: 16px;
}

我们可以直接选到所有的 p 元素，使其属性发生改变
分组选择器
分组选]]></description><category></category></item><item><title><![CDATA[前端第5天]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/122947931</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/122947931</guid><author>sonicbin</author><pubDate>Tue, 15 Feb 2022 16:40:40 +0800</pubDate><description><![CDATA[今天学习了后代选择器与子代选择器，以及有序列表和无序列表


]]></description><category></category></item><item><title><![CDATA[前端第四天]]></title><link>https://blog.youkuaiyun.com/sonicbin/article/details/122930355</link><guid>https://blog.youkuaiyun.com/sonicbin/article/details/122930355</guid><author>sonicbin</author><pubDate>Mon, 14 Feb 2022 19:08:12 +0800</pubDate><description><![CDATA[学习了如何固定背景图片，使不随页面滚动而滚动。并简单的学习了伪类选择器以及鼠标状态。

fixed固定背景图片：



鼠标状态：






]]></description><category></category></item></channel></rss>