<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Quick_only的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Quick_only</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Quick_only]]></copyright><item><title><![CDATA[前端基础（17）：图片整合提高浏览器速度]]></title><link>https://blog.youkuaiyun.com/Quick_only/article/details/108927869</link><guid>https://blog.youkuaiyun.com/Quick_only/article/details/108927869</guid><author>Quick_only</author><pubDate>Mon, 05 Oct 2020 14:16:05 +0800</pubDate><description><![CDATA[1、图片整合的概念，使用图片整合的优势
2、实现图片整合的方法和技巧
3、滑动门的概念
4、浏览器的兼容的概念及原因
5、常见的CSS bug及CSS hack]]></description><category></category></item><item><title><![CDATA[前端基础（16）：grid布局]]></title><link>https://blog.youkuaiyun.com/Quick_only/article/details/108928305</link><guid>https://blog.youkuaiyun.com/Quick_only/article/details/108928305</guid><author>Quick_only</author><pubDate>Mon, 05 Oct 2020 14:13:52 +0800</pubDate><description><![CDATA[它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。
Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。
Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。
Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。]]></description><category></category></item><item><title><![CDATA[前端基础（15）：移动端布局vw + rem、flex布局]]></title><link>https://blog.youkuaiyun.com/Quick_only/article/details/108928268</link><guid>https://blog.youkuaiyun.com/Quick_only/article/details/108928268</guid><author>Quick_only</author><pubDate>Mon, 05 Oct 2020 14:11:08 +0800</pubDate><description><![CDATA[1、rem + 媒体查询 适配
2、rem + vw 适配
3、flexible 适配方案
4、移动端布局实现方案]]></description><category></category></item><item><title><![CDATA[前端基础（14）：移动端布局（媒体查询及响应式 + rem）]]></title><link>https://blog.youkuaiyun.com/Quick_only/article/details/108928257</link><guid>https://blog.youkuaiyun.com/Quick_only/article/details/108928257</guid><author>Quick_only</author><pubDate>Mon, 05 Oct 2020 14:08:06 +0800</pubDate><description><![CDATA[1、Responsive Web Design 响应式设计布局概念
2、媒体查询的概念及应用
3、meta标签的设置
4、dpi、ppi介绍
5、dpr （设备像素比）]]></description><category></category></item><item><title><![CDATA[前端基础（13）：CSS3新增属性和选择器]]></title><link>https://blog.youkuaiyun.com/Quick_only/article/details/108542035</link><guid>https://blog.youkuaiyun.com/Quick_only/article/details/108542035</guid><author>Quick_only</author><pubDate>Mon, 05 Oct 2020 12:19:01 +0800</pubDate><description><![CDATA[1、CSS3的概念、优势及应用
2、渐进增强和优雅降级的简介
3、CSS3部分新增选择器的语法及应用
4、CSS3的新增属性语法及应用]]></description><category></category></item><item><title><![CDATA[前端基础（12）：HTML5新增语义化标签与表单元素]]></title><link>https://blog.youkuaiyun.com/Quick_only/article/details/108927347</link><guid>https://blog.youkuaiyun.com/Quick_only/article/details/108927347</guid><author>Quick_only</author><pubDate>Mon, 05 Oct 2020 12:09:51 +0800</pubDate><description><![CDATA[1、HTML5发展史
2、HTML5语法
3、HTML5新增语义化标签及应用场景
4、智能表单的使用和规范]]></description><category></category></item><item><title><![CDATA[前端基础（11）：CSS3 3d]]></title><link>https://blog.youkuaiyun.com/Quick_only/article/details/108927198</link><guid>https://blog.youkuaiyun.com/Quick_only/article/details/108927198</guid><author>Quick_only</author><pubDate>Mon, 05 Oct 2020 11:57:17 +0800</pubDate><description><![CDATA[1、3D
2、CSS3动画]]></description><category></category></item><item><title><![CDATA[前端基础（10）:CSS3 2D]]></title><link>https://blog.youkuaiyun.com/Quick_only/article/details/108922755</link><guid>https://blog.youkuaiyun.com/Quick_only/article/details/108922755</guid><author>Quick_only</author><pubDate>Mon, 05 Oct 2020 11:38:46 +0800</pubDate><description><![CDATA[1、渐变
2、过渡
3、2D]]></description><category></category></item><item><title><![CDATA[前端基础（9）：表单、表格书写方法（后台管理系统）]]></title><link>https://blog.youkuaiyun.com/Quick_only/article/details/108290430</link><guid>https://blog.youkuaiyun.com/Quick_only/article/details/108290430</guid><author>Quick_only</author><pubDate>Sat, 29 Aug 2020 09:35:24 +0800</pubDate><description><![CDATA[1、表单高级用法
2、表格高级用法
3、BFC的概念及应用场景]]></description><category></category></item><item><title><![CDATA[前端基础（8）：PC端宽高自适应]]></title><link>https://blog.youkuaiyun.com/Quick_only/article/details/108290340</link><guid>https://blog.youkuaiyun.com/Quick_only/article/details/108290340</guid><author>Quick_only</author><pubDate>Sat, 29 Aug 2020 09:09:51 +0800</pubDate><description><![CDATA[1、PC自适应的概念
2、宽、高的自适应实现
3、高度塌陷的出现场景
4、高度塌陷的解决办法
5、伪元素选择器的语法及应用场景]]></description><category></category></item><item><title><![CDATA[前端基础（7）：定位锚点与透明属性设置]]></title><link>https://blog.youkuaiyun.com/Quick_only/article/details/108290160</link><guid>https://blog.youkuaiyun.com/Quick_only/article/details/108290160</guid><author>Quick_only</author><pubDate>Sat, 29 Aug 2020 08:55:24 +0800</pubDate><description><![CDATA[1、position 定位属性和属性值
2、定位元素的层级属性
3、包含块的概念和应用
4、锚点连接的语法和应用场景
5、透明属性的应用]]></description><category></category></item><item><title><![CDATA[前端基础（6）：CSS元素类型]]></title><link>https://blog.youkuaiyun.com/Quick_only/article/details/108286927</link><guid>https://blog.youkuaiyun.com/Quick_only/article/details/108286927</guid><author>Quick_only</author><pubDate>Fri, 28 Aug 2020 21:20:22 +0800</pubDate><description><![CDATA[一、元素类型分类依据和元素类型分类
根据css显示分类，
HTML元素被分为三种类型:块状元素，内联元素、可变元素
1.块状元素（block element）
A）块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包块div,dl,dt,dd,ol,ul,fieldset,(h1-h6),p,form,hr,colgroup,col,table,tr,td,等；
B）默认情况下，块状元素都会占据一行按顺序自上而下排列，通俗地说，两个相邻块状元素不会出现并列显示的现象。
C）块]]></description><category></category></item><item><title><![CDATA[前端基础（5）：页面重构与文本溢出]]></title><link>https://blog.youkuaiyun.com/Quick_only/article/details/108286260</link><guid>https://blog.youkuaiyun.com/Quick_only/article/details/108286260</guid><author>Quick_only</author><pubDate>Fri, 28 Aug 2020 20:38:07 +0800</pubDate><description><![CDATA[一、溢出属性（容器）
overflow:visible/hidden/scrol/auto/inhert;

说明：
visible:默认值
hidden：内容被修剪，并且其与内容不可见；
scroll：内容被修剪，浏览器显示滚动条，以便查看其余内容；
auto：如果内容被修剪，浏览器显示滚动条，以便查看其余内容；
inherit：从父元素继承overflow属性值；
二，空余空间
white-space:normal/nowrap/pre/pre-line/inherit;

说明：
normal：默认值]]></description><category></category></item><item><title><![CDATA[前端基础（4）：css盒模型]]></title><link>https://blog.youkuaiyun.com/Quick_only/article/details/108285952</link><guid>https://blog.youkuaiyun.com/Quick_only/article/details/108285952</guid><author>Quick_only</author><pubDate>Fri, 28 Aug 2020 20:08:20 +0800</pubDate><description><![CDATA[一、盒模型的简介
盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间，即都包含边框、边界、补白、内容区，这就是盒模型。

二、盒子模型的相关属性
1、padding的使用方法
说明：
填充：padding,在设定页面中一个元素内容到元素的边缘(边框) 之间的距离。 也称补白。
用法：
1）用来调整内容在容器中的位置关系
2）用来调整子元素在父元素中的位置关系。
注：padding属性需要添加在父元素上。
3）padding值是额外加]]></description><category></category></item><item><title><![CDATA[前端基础（3）：选择符的权重和CSS核心属性]]></title><link>https://blog.youkuaiyun.com/Quick_only/article/details/108172982</link><guid>https://blog.youkuaiyun.com/Quick_only/article/details/108172982</guid><author>Quick_only</author><pubDate>Sat, 22 Aug 2020 20:27:04 +0800</pubDate><description><![CDATA[DAY3 ：选择符的权重及CSS核心属性
一、CSS选择符的权重
css中用四位数字表示权重，权重的表达方式如：0，0，0，0
类型选择符的权重为0001
class选择符的权重为0010
id选择符的权重为0100
子选择符的权重为0000
属性选择符的权重为0010
伪类选择符的权重为0010
伪元素选择符的权重为0010
包含选择符的权重：为包含选择符的权中之和
内联样式的权重为1000
继承样式的权重为0000
二、CSS层叠概念
作用于同一个元素上的多个样式会出现冲突，当多个样式发生重叠，优先级高]]></description><category></category></item><item><title><![CDATA[前端基础（2）：部分表单元素与CSS基础]]></title><link>https://blog.youkuaiyun.com/Quick_only/article/details/108111079</link><guid>https://blog.youkuaiyun.com/Quick_only/article/details/108111079</guid><author>Quick_only</author><pubDate>Wed, 19 Aug 2020 21:31:05 +0800</pubDate><description><![CDATA[表单的作用：用来收集用户的信息的;
表单包含三个组成部分：
表单域：包含了处理表单数据所用的程序的URL以及数据提交到服务器的方法。
表单控件（对象、元素）:包含了文本框、密码框、隐藏、多行文本框（文本域）、复选框、单选框、下拉列表、文件上传框、提交按钮、复位按钮、一般按钮。
提示信息：同一个表中还应该添加一些说明性文字，提示用户填写操作。
1、表单域

2、文本框

3、密码框

4、重置按钮

5、按钮




...]]></description><category></category></item><item><title><![CDATA[前端基础（1）：HTML基础]]></title><link>https://blog.youkuaiyun.com/Quick_only/article/details/108079962</link><guid>https://blog.youkuaiyun.com/Quick_only/article/details/108079962</guid><author>Quick_only</author><pubDate>Tue, 18 Aug 2020 21:02:34 +0800</pubDate><description><![CDATA[**
前端知识：
web前端，移动前端
**web标准：**结构（HTML）、表现（css）、行为（JavaScript）
组织解析：
1、w3c（world wide web consortium）万维网联盟
2、ECMA（European computer manufacture association）欧洲电脑厂商联合会
3、WHATWG网页超文本应用技术工作小组
HTML基本结构和基本语法：
基本结构：
&lt;!doctype html&gt;
&lt;html&gt;
    &lt;head&]]></description><category></category></item></channel></rss>