<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[sxtweb的博客]]></title><description><![CDATA[]]></description><link>https://blog.csdn.net/sxtweb</link><language>zh-cn</language><generator>https://blog.csdn.net/</generator><copyright><![CDATA[Copyright &copy; sxtweb]]></copyright><item><title><![CDATA[2020-09-19]]></title><link>https://blog.csdn.net/sxtweb/article/details/108684118</link><guid>https://blog.csdn.net/sxtweb/article/details/108684118</guid><author>sxtweb</author><pubDate>Sat, 19 Sep 2020 18:30:48 +0800</pubDate><description><![CDATA[5个小时带你走进HTML
什么是HTML？
互联网的三大基石
HTML超文本标记语言
http超文本传输协议
URL统一资源定位符
那HTML是用来做什么的呢？
超文本链接语言，是用来做静态网页的，也是做动态网页的基础，作用的话就是做个标记，用来让浏览器解析，最后显示出页面。
接下来的5个小时就跟我一起学习吧！
一、Web前端现状
1.1市场缺口
前端程序员缺口非常大，因为它正式成为一个岗位才几年，国内最早出现前端招聘岗位在2012年左右，在此之前，前端工作基本上都是由服务端工程师包办的，或者是由设计师来产]]></description><category></category></item><item><title><![CDATA[关于CSS怪异盒子详细解剖]]></title><link>https://blog.csdn.net/sxtweb/article/details/108606402</link><guid>https://blog.csdn.net/sxtweb/article/details/108606402</guid><author>sxtweb</author><pubDate>Tue, 15 Sep 2020 18:50:56 +0800</pubDate><description><![CDATA[上一篇文章我们了解了盒子模型
盒子模型分为两种，一种是符合W3C规范的标准例子模型，另一种市IE的盒子模型，IE的盒子模型也被叫怪异盒子。
可以看到IE盒子模型也包括margin、border、padding、content，不过，和标准盒子模型不同的是：IE盒子模型的宽包含了border和padding。

怪异盒模型中的width指的是内容、边框、内边距总的宽度（content+border+padding）；height指的是内容、边框、内边距总的高度。padding和border被包含在定义的wid]]></description><category></category></item><item><title><![CDATA[深度了解盒子模型的原理以及结构]]></title><link>https://blog.csdn.net/sxtweb/article/details/108585759</link><guid>https://blog.csdn.net/sxtweb/article/details/108585759</guid><author>sxtweb</author><pubDate>Mon, 14 Sep 2020 19:15:43 +0800</pubDate><description><![CDATA[为了使我们充分理解div+css模型的定位功能，就是利用盒子模型这样的布局方式代替了传统的表格布局方式。盒子模型是在学习div+css布局方式中必须要学会的一个模型，通过这个模型你就可以明白网页中div和div之间的相对位置是如何布局的。今天我们就来学习一下盒子模型！

一、盒子模型的定义是什么呢？
盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。W3C组织建议把网页上元素看成一个个盒子。盒模型主要定义四个区域：内容（content）、内边距（padding）、边框（border）、外边距（]]></description><category></category></item><item><title><![CDATA[[干货]不服！为什么别人轻松成为面霸]]></title><link>https://blog.csdn.net/sxtweb/article/details/108547686</link><guid>https://blog.csdn.net/sxtweb/article/details/108547686</guid><author>sxtweb</author><pubDate>Sat, 12 Sep 2020 11:56:11 +0800</pubDate><description><![CDATA[本文创建于2020年9月，以下为正文：
2020年的毕业季找工作真的很难吗？最近在各大学校贴吧都在询问这个问题，有些人都在留言找工作太难了，今年又赶上疫情，感觉今年是难上加难。有的人面试了30多加公司都没有拿到offer，不过也有人只面试了3家公司就拿到了3个offer，那么这些人就被称作为“面渣”和“面霸”

为什么说有些人是“面渣”而有些人是“面霸”呢？作为程序员，接下来我将以程序员为例来解释一下其中的原因。
程序员学习技术是学习、是磨练，但面试更是一个比较系统化的工程，需要你精心的做准备和付出。老话不]]></description><category></category></item><item><title><![CDATA[一篇文章告诉你女生适不适合做编程]]></title><link>https://blog.csdn.net/sxtweb/article/details/108539841</link><guid>https://blog.csdn.net/sxtweb/article/details/108539841</guid><author>sxtweb</author><pubDate>Fri, 11 Sep 2020 18:42:15 +0800</pubDate><description><![CDATA[hello，又见面了！在21世纪，相信大家对程序员这个岗位并不陌生吧，在我没接触这个行业的时候，我就认为程序员这个工作很高大上，挣得工资也很高，很牛逼的样子。如今接触下来，确实很牛逼！

我在大学学的就是计算机编程专业，班级里大多都是男生。女生真的就是那么零散几个，我就是零散中的其中一个，但是单身了一整个大学也真是够够的了。
说实在的代码真的很难搞，作为一个女的，你怎么能受得了眼睁睁的看着自己头皮越来越明显？大学尽研究洗发水了。。。真是太难了，今天咱们就来说一下女生适合做程序员吗？
这个问题放到平常，很多人]]></description><category></category></item><item><title><![CDATA[CSS基础选择器与合并选择器解析]]></title><link>https://blog.csdn.net/sxtweb/article/details/108519260</link><guid>https://blog.csdn.net/sxtweb/article/details/108519260</guid><author>sxtweb</author><pubDate>Thu, 10 Sep 2020 17:31:29 +0800</pubDate><description><![CDATA[本文创建于2020年9月，以下为正文：
1.通用选择器，全局选择器（*）
通用选择器对整个页面中所有HTML标签样式定义，这种功能类似“标签选择器”，覆盖的对象更加广泛，是整个HTML的所有标签，功能是强大，但是这样反而限制了它的灵活性。
通用选择器可以与任意元素匹配，常用于设置一些默认样式，但是它的优先级是最低的。
如使用代码使HTML中任意标签元素文本颜色全部设置为红色：
*{color：red;}

2.元素选择器
元素选择器是最常见的CSS选择器
HTML文档中的元素 p、h1、b、div、a、im]]></description><category></category></item><item><title><![CDATA[CSS系列——那些容易被人遗忘的列表属性]]></title><link>https://blog.csdn.net/sxtweb/article/details/108492129</link><guid>https://blog.csdn.net/sxtweb/article/details/108492129</guid><author>sxtweb</author><pubDate>Wed, 09 Sep 2020 16:20:47 +0800</pubDate><description><![CDATA[在之前我们学过CSS的列表，有有序列表、无序列表、自定义列表，接下来拿无序列表来举例。

1.list-style-image 设置列表项标记的图像（项目符号）
只有一个属性url，引到一个图片
ul{list-style-image:url("images/icon.png");}
示例
用list-style-image重置项目符号示例
.test{list-style-image:url(skin/ico.png);}
//整体重置作用于ul，单个设置用于li上
&lt; ul class="test]]></description><category></category></item><item><title><![CDATA[那些好用却被忽视的文本属性！]]></title><link>https://blog.csdn.net/sxtweb/article/details/108462063</link><guid>https://blog.csdn.net/sxtweb/article/details/108462063</guid><author>sxtweb</author><pubDate>Tue, 08 Sep 2020 09:38:06 +0800</pubDate><description><![CDATA[学习CSS是构建好看网页的一种方式。但是，在学习过程中，我们倾向于（大部分时间）限制自己，一遍又一遍地使用相同的属性。毕竟，我们是一种习惯性的动物，我们会使用自己习惯且熟悉的东西。
因此，在这篇文章中，向你介绍 比较好用的 CSS 属性，希望对你有所帮助。

1.text-align 内容对齐方式，它是针对于元素的内容
属性值  left|center|right
center（居中）left(左边对齐) right（右边对齐）
p{text-align：center;}
p是块元素，left、right和]]></description><category></category></item><item><title><![CDATA[CSS有哪些好用的字体属性？]]></title><link>https://blog.csdn.net/sxtweb/article/details/108452307</link><guid>https://blog.csdn.net/sxtweb/article/details/108452307</guid><author>sxtweb</author><pubDate>Mon, 07 Sep 2020 17:28:58 +0800</pubDate><description><![CDATA[本文创建于2020年9月，以下为正文：
CSS中有哪些字体属性呢？
font：复合属性。设置或检索对象中的文本特征。
font-style：设置或检索对象中的字体样式。用于定义字体的风格，如：斜体（italic）等等。
font-variant：设置或检索对象中的文本是否为小型的大写字母。
font-weight：设置或检索对象中的文本字体的粗细。
font-size：设置或检索对象中的字体尺寸，在开发中12px字体最常用。
font-family ：设置或检索用于对象中文本的字体名称序列；用于定义字体的样]]></description><category></category></item><item><title><![CDATA[CSS背景这几个知识点儿你丢了吗]]></title><link>https://blog.csdn.net/sxtweb/article/details/108423103</link><guid>https://blog.csdn.net/sxtweb/article/details/108423103</guid><author>sxtweb</author><pubDate>Sat, 05 Sep 2020 18:43:25 +0800</pubDate><description><![CDATA[本文创建于2020年9月，以下为正文：
1.背景颜色   background-color
在HTML中，设置网页的背景颜色利用&lt; body&gt;标记的bgcolor属性。在CSS中，不但可以设置网页背景颜色，还可以设置文字的背景颜色。
默认值是transparent（透明的）
当同时定义了背景图像和颜色时，背景图像将覆盖在背景颜色之上
.divclass{background-color:#808080;}
代码示例：
&lt; style&gt;
div{
width:300px;
height]]></description><category></category></item><item><title><![CDATA[CSS样式知道了，但是样式表的特征你了解了吗？]]></title><link>https://blog.csdn.net/sxtweb/article/details/108423072</link><guid>https://blog.csdn.net/sxtweb/article/details/108423072</guid><author>sxtweb</author><pubDate>Sat, 05 Sep 2020 18:40:10 +0800</pubDate><description><![CDATA[CSS样式是一种用来表示HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS能够对 网页中的对象的位置排版进行像素级的精准控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计。
今天我们就主要讲一下CSS样式表的特征。那么首先我们先来温故一下CSS样式都有哪些呢？

1、内联方式
使用style属性，只是对当前标签有效，页面内容和样式高度耦合(直接把CSS代码用style属性添加到开始标签中)
&lt; p st]]></description><category></category></item><item><title><![CDATA[几分钟阅读带你认识HTML5]]></title><link>https://blog.csdn.net/sxtweb/article/details/108410048</link><guid>https://blog.csdn.net/sxtweb/article/details/108410048</guid><author>sxtweb</author><pubDate>Fri, 04 Sep 2020 19:04:32 +0800</pubDate><description><![CDATA[关于HTML5你知道多少？
HTML5是HTML最新的修订版本，2014年10月有万维网联盟（W3C）完成标准制定
1993年HTML的草案发布，在HTML5版本之前，HTML共有4个版本。2.0版、3.2版、4.0版，再到1999年的4.01版。

为什么会有HTML5这个版本？
4.01版后，W3C并不看好HTML，他们转而去发展XHTML，但并不理想。这时候由浏览器厂商们提出的H5标准更能顺应web2.0的时代，所以h5被慢慢推广起来。
2004年，浏览器主要厂商成立了WHAYWG (Web Hype]]></description><category></category></item><item><title><![CDATA[HTML5新增的6个属性，你全都掌握了吗]]></title><link>https://blog.csdn.net/sxtweb/article/details/108391318</link><guid>https://blog.csdn.net/sxtweb/article/details/108391318</guid><author>sxtweb</author><pubDate>Thu, 03 Sep 2020 19:12:06 +0800</pubDate><description><![CDATA[上一篇文章我们说了HTML5新增的input，这篇文章我们就来说一下HTML5新增了哪些属性呢？
HTML5新增的表单属性，不仅能通过HTML5本身属性来验证，而且表单项能脱离form的约束，形成良好的布局。下面我们来学习HTML5为表单新增的属性。

1.placeholder &lt; input type="text" placeholder="请输入用户名"/&gt;
作用就是用来默认提示的，
代码示例：
&lt; body&gt;
​                   &lt; form act]]></description><category></category></item><item><title><![CDATA[注意注意！ html5新增的input类型大总结]]></title><link>https://blog.csdn.net/sxtweb/article/details/108367856</link><guid>https://blog.csdn.net/sxtweb/article/details/108367856</guid><author>sxtweb</author><pubDate>Wed, 02 Sep 2020 18:42:29 +0800</pubDate><description><![CDATA[文章背景
​    1.在其他版本的HTML中，表单包含的元素非常有限，并且属性也不多，尤其是在数据交互过程中数据的验证需要编写大量的JavaScript代码
​     2.以上的不足都已经在html5中被克服，HTML5在以上的基础上增加了许多标签和属性，为开发人员带来了极大的方便

电子邮件类型&lt; input type=“email” /&gt;
功能就是输入E-mail地址的文本框
注意：输入的内容中必须包含“@”,"@"后面必须具有内容
代码示例：
&lt; body&gt;
​    &l]]></description><category></category></item><item><title><![CDATA[多行文本框的认识以及代码详解]]></title><link>https://blog.csdn.net/sxtweb/article/details/108357998</link><guid>https://blog.csdn.net/sxtweb/article/details/108357998</guid><author>sxtweb</author><pubDate>Wed, 02 Sep 2020 10:54:11 +0800</pubDate><description><![CDATA[多行文本框&lt; textarea&gt;&lt; /textarea&gt;是什么呢？
单行文本框只能输入一行信息，而多行文本框可以输入多行信息。比如说在百度搜索栏写再多的内容都不会换行，例如是个人信息，兴趣爱好等内容多的就会用到这个文本框。
属性：
cols：这文字区块的宽度
rows：这文字区块的行数，即其高度
&lt; textarea name="" id="" cols="30" rows="10"&gt;&lt; /textarea&gt;

代码示例：
&lt; body&gt;
&lt;]]></description><category></category></item><item><title><![CDATA[下拉列表详解再详解，快速掌握！(内有代码）]]></title><link>https://blog.csdn.net/sxtweb/article/details/108345241</link><guid>https://blog.csdn.net/sxtweb/article/details/108345241</guid><author>sxtweb</author><pubDate>Tue, 01 Sep 2020 16:33:40 +0800</pubDate><description><![CDATA[本文创建于2020年9月，以下为正文：
​       这篇文章真的是详细的不能再详细了，不懂的同学们“拔刀”吧！！
​       下拉列表是网页中一种最节省页面空间的选择方式，默认状态下只显示一个选项，只有单击下拉按钮后才能看到全部的选项。比如说最常见的地址下拉列表。

下拉列表
结构&lt; select&gt;&lt; option&gt;&lt; /option&gt;&lt; option&gt;&lt; /option&gt; &lt; /select&gt;
其中option  是选项，可以]]></description><category></category></item><item><title><![CDATA[按钮组大总结，赶紧收着《二》]]></title><link>https://blog.csdn.net/sxtweb/article/details/108325975</link><guid>https://blog.csdn.net/sxtweb/article/details/108325975</guid><author>sxtweb</author><pubDate>Mon, 31 Aug 2020 17:36:37 +0800</pubDate><description><![CDATA[在网页中用户交互过程中，按钮是必不可少的重要组件之一，关羽它的设计与实现，我们在网页标签中定义为&lt; button type=“button”&gt;&lt; /button&gt;或者&lt; input type=“button”/&gt;。关于问题的描述，在这里我们来说一说&lt; button&gt;标签中特有的属性含义。
按钮(button)一共有四种分类：1.重置按钮 2.提交按钮 3.普通按钮 4.图片按钮
重置按钮&lt; input typpe=“reset” value=“按钮名”&]]></description><category></category></item><item><title><![CDATA[按钮组大总结，赶紧收着《一》]]></title><link>https://blog.csdn.net/sxtweb/article/details/108325930</link><guid>https://blog.csdn.net/sxtweb/article/details/108325930</guid><author>sxtweb</author><pubDate>Mon, 31 Aug 2020 17:34:30 +0800</pubDate><description><![CDATA[​      本来想的是每个类型的按钮分开写，但是分开写每篇字数太少。今天对按钮使用进行一个简单的总结，希望可以对大家有所帮助！

什么叫按钮组呢？
简单来说按钮组就是指两个活两个以上的按钮排布在一起。从按钮组的样式上我们可以看出常见的按钮组是供用户进行判断（两个选项）或者选择（两个以上选项）的。
按钮组可以包含切换按钮、复选框、单选按钮和开关等交互式图元，当一个图元被选中时，其他图元自动取消选中。
单行文本框
在HTML中，把&lt; input&gt;标签的type属性设置为text可以表示单行文本框，]]></description><category></category></item><item><title><![CDATA[来认识一下单选按钮和复选框吧！]]></title><link>https://blog.csdn.net/sxtweb/article/details/108298229</link><guid>https://blog.csdn.net/sxtweb/article/details/108298229</guid><author>sxtweb</author><pubDate>Sat, 29 Aug 2020 19:06:58 +0800</pubDate><description><![CDATA[今天这篇文章讲的内容比较简单——选按钮和复选框，单选按钮和复选框在网页中很常见。在应用程序中，复选框和单选按钮都是用来表示状态，在运行期间可以改变其状态。

单选按钮
单选按钮是表单系统的一个基本元素。它们被使用在当存在互斥的两个或多个选项列表而用户必须选择其中一个。换句话说，点选某个尚未选中的单选按钮，之前的选择就会恢复成未选中。
在HTML中，把&lt; input&gt;标签的type属性设置为radio可以表示单选按钮。语法如下：
&lt; input type=“radio” /&gt;
属性：
]]></description><category></category></item><item><title><![CDATA[前端开发入门之——表格基本结构]]></title><link>https://blog.csdn.net/sxtweb/article/details/108291349</link><guid>https://blog.csdn.net/sxtweb/article/details/108291349</guid><author>sxtweb</author><pubDate>Sat, 29 Aug 2020 10:24:15 +0800</pubDate><description><![CDATA[表格在网页制作中作用很多，表格的使用不仅让数据更加清楚，而且会让表格比较美观，那么html表格基本结构是什么呢？接下来，我们对html表格的完整代码进行详解。
表格是什么呢？
表格由&lt; table&gt;标签来定义。每个表格均有若干行（由&lt; tr&gt;标签定义），每行被分割为若干单元格（由&lt; td&gt;标签定义）。字母td指表格数据（table data），即数据单元格的内容。数据单元格可以包括文本、图片、列表、段落、表单、水平线、表格等等。
HTML表格基本结构是什么？
表格最基本的]]></description><category></category></item></channel></rss>