<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[html基础教程]]></title><description><![CDATA[html基础教程]]></description><link>https://blog.youkuaiyun.com/html168</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; html168]]></copyright><item><title><![CDATA[web标准化、XHTML与CSS层叠样式表的关系]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104642070</link><guid>https://blog.youkuaiyun.com/html168/article/details/104642070</guid><author>html168</author><pubDate>Tue, 03 Mar 2020 21:29:46 +0800</pubDate><description><![CDATA[Web标准把网页分成三个独立组成部分:

　　* 结构:HTML，XHTML，XML

　　* 表现:CSS1，CSS2

　　* 行为:ECMAScript, DOM

　　Web标准至今汉有对外观审美做任何指导方针和戒律，对站点的外观和感觉没有做任何限制，它们只不过使浏览器能够正确地表现设计师创建的站点，帮助客户根据公司的市场需求和用户分析来制定目标。

　　Web标准可以做到:

　　* 在...]]></description><category></category></item><item><title><![CDATA[CSS网页制作时实现自动换行的小技巧]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104642053</link><guid>https://blog.youkuaiyun.com/html168/article/details/104642053</guid><author>html168</author><pubDate>Tue, 03 Mar 2020 21:28:47 +0800</pubDate><description><![CDATA[　大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是 CSS如何将他们换行的方法！

　　对于div

　　1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。

#wrap{white-space:normal; width:200px; }
或者
#wrap{word-break:break-all;...]]></description><category></category></item><item><title><![CDATA[web前端零基础入门学习教程之如何走向高阶---css的学习心得]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104642020</link><guid>https://blog.youkuaiyun.com/html168/article/details/104642020</guid><author>html168</author><pubDate>Tue, 03 Mar 2020 21:27:53 +0800</pubDate><description><![CDATA[入门阶段：此时的你，什么都不懂
先从最简单的 HTML 网页入手；
选择 Dreamweaver 作为你的网页制作工具；
选择 Photoshop 作为你的网页制作工具；
粗略地阅读 Dreamweaver 及 Photoshop 教程，了解这两个软件到底能做些什么；
制作你的第一个实验性的网站
初级阶段：此时的你，已经掌握了 Dreamweaver 和 Photoshop 的基本操作：
策划和...]]></description><category></category></item><item><title><![CDATA[使用css在不同页面上使用同样的导航代码]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104642002</link><guid>https://blog.youkuaiyun.com/html168/article/details/104642002</guid><author>html168</author><pubDate>Tue, 03 Mar 2020 21:27:07 +0800</pubDate><description><![CDATA[查了相关的资料，在这个过程中发现，使用flash实现这样的效果
需要通过后台，这个因为我不太了解，暂且不表，说说最近在学的css
如何用css实现在不同页面上使用相同的导航代码
原理：
通过为每个页面的body定义一个id
根据css的继承特性("好像有这个说法吧，不好意思记得不是很清楚")
利用#body #nav a的形式
实现在不同页面中
与页面相对应的链接的颜色与其它链接的颜色不同

新...]]></description><category></category></item><item><title><![CDATA[web前端零基础入门学习教程之CSS的常用技巧放送]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104641964</link><guid>https://blog.youkuaiyun.com/html168/article/details/104641964</guid><author>html168</author><pubDate>Tue, 03 Mar 2020 21:26:23 +0800</pubDate><description><![CDATA[一.使用css缩写

使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。

二.明确定义单位，除非值为0

忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和...]]></description><category></category></item><item><title><![CDATA[CSS网页制作技巧之控制网页背景]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104618980</link><guid>https://blog.youkuaiyun.com/html168/article/details/104618980</guid><author>html168</author><pubDate>Mon, 02 Mar 2020 20:27:27 +0800</pubDate><description><![CDATA[　我想大家常常为一些比较合适于自己的网页背景的图片而发愁吧，这个我想也是有的，因为这些图片不是太大就是太小，或者太乱，那么有没有办法让图片能合自己的主页的胃口呢？答案是肯定的。
　　想知道怎么来实现嘛，好吧，大家现在开始跟着我做，我保证大家一定一学就会。不过，我想在网上“成家”的朋友一般分为在网吧里“开业”（就像我一样，刚开始从他人的主页拉相关的代码来改的），还有就是在自己家里用DW或FP之类的...]]></description><category></category></item><item><title><![CDATA[web前端基础入门学习教程使用不同的CSS写法-CSS进阶]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104618962</link><guid>https://blog.youkuaiyun.com/html168/article/details/104618962</guid><author>html168</author><pubDate>Mon, 02 Mar 2020 20:26:25 +0800</pubDate><description><![CDATA[CSS的写法可以用以下的几种方法实现：
（1）使用Embed（嵌入样式单）排版样式：
即将CSS代码直接插入每个页面的HTML的&lt;head&gt;区，就象上一节看到的。使用&lt;style&gt;...&lt;/style&gt;标签。例如：
&lt;style type="text/css"&gt;
&lt;!--
h2 { font-family: "宋体"; fon...]]></description><category></category></item><item><title><![CDATA[html+css基础入门学习教程常用CSS样式]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104618938</link><guid>https://blog.youkuaiyun.com/html168/article/details/104618938</guid><author>html168</author><pubDate>Mon, 02 Mar 2020 20:25:33 +0800</pubDate><description><![CDATA[按钮样式*/
.ButtonCss {}{
 font-family: "Tahoma", "宋体";
 font-size:9pt; color: #003399;
 border: 1px #003399 solid;
 color:006699;
 BORDER-BOTTOM: #93bee2 1px solid;
 BORDER-LEFT: #93be...]]></description><category></category></item><item><title><![CDATA[web前端基础入门学习教程网页中META标签的使用]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104618924</link><guid>https://blog.youkuaiyun.com/html168/article/details/104618924</guid><author>html168</author><pubDate>Mon, 02 Mar 2020 20:24:44 +0800</pubDate><description><![CDATA[Meta标签放在每个网页的&lt;head&gt;...&lt;/head&gt;中，我们大家比较熟悉的如：&lt;meta name="GENERATOR" content="Microsoft FrontPage 3.0"&gt;说明编辑工具；&lt;meta name="KEYWORDS" content="..."&gt;说明关键词；&lt;meta name="DESCRIPTION"...]]></description><category></category></item><item><title><![CDATA[web前端基础入门学习网页中制作线条的技巧]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104618908</link><guid>https://blog.youkuaiyun.com/html168/article/details/104618908</guid><author>html168</author><pubDate>Mon, 02 Mar 2020 20:23:34 +0800</pubDate><description><![CDATA[线条是网页中使用得比较多的一种 HTML 对象，在 HTML 语言中提供了一个 &lt;HR&gt; 的标签，也就是水平直线。但由于这个标签的局限性使我们在制作网页时遇到了一些麻烦，比如：线条的颜色以及怎样制作纵向的线条。在这里，笔者就在网页中制作线条的这两个方面的技巧介绍一点自己的心得。
 为了顾及各种浏览器之间的兼容性，网页制作者在制作网页的时候常常需要考虑标签的各种属性在每一种浏览器中是...]]></description><category></category></item><item><title><![CDATA[写作和发布 Web 文章的一些技巧]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104618883</link><guid>https://blog.youkuaiyun.com/html168/article/details/104618883</guid><author>html168</author><pubDate>Mon, 02 Mar 2020 20:22:11 +0800</pubDate><description><![CDATA[Jakob Nielsen是 Sun Microsystems 的杰出科学家，他已写了好几本关于可用性的书，是指导人们在 Web 上如何阅读和查看信息方面的行家。他认为任何为 Web 写的文章在几个重要方面应与为印刷媒体而写的同一主题的文章有所不同。首先，Web 文章应该约为印刷文章长度的一半。在他的研究中，Nielsen 发现人们在 Web 上阅读时的注意力集中时间远比阅读报刊文章短。　　We...]]></description><category></category></item><item><title><![CDATA[Web 与排版学上的字体问题]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104598693</link><guid>https://blog.youkuaiyun.com/html168/article/details/104598693</guid><author>html168</author><pubDate>Sun, 01 Mar 2020 19:53:25 +0800</pubDate><description><![CDATA[关于字体的讨论，其实无论是国外还是国内，都已经有不少，可是我发现绝大部分的内容或者有失偏颇，或者不够全面，下面我试图将自己一段时间内的观点总结一下，以求提出一个比较容易接受的 CSS 字体选择的建议。新建一个前端学习qun438905713，在群里大多数都是零基础学习者，大家相互帮助，相互解答，并且还准备很多学习资料，欢迎零基础的小伙伴来一起交流。事关大小

字体的大小总是一个困扰人的问题，用绝对...]]></description><category></category></item><item><title><![CDATA[零基础学习网页制作需要注意的问题集锦]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104598670</link><guid>https://blog.youkuaiyun.com/html168/article/details/104598670</guid><author>html168</author><pubDate>Sun, 01 Mar 2020 19:52:17 +0800</pubDate><description><![CDATA[一.外观

1 不要先决定网页的外观，然后强迫自已去适应它，应该从你的访客对像，你要传 达的讯息以及你的制网目标推导出一个最适合的网页架构。

2 每页排版不要太疏或用太大的字，尽量避免看你的网页时需要作很大的卷动，要 知道在一页的上部分是显眼而宝贵的地方，不要只放着几个粗大的字或图片。

3 最好不要用 800x600 以上的分辨率设计网页。常用的分辨率是 640x480 及 800x600 。...]]></description><category></category></item><item><title><![CDATA[web前端基础开发学习，关于前端开发学习经验总结]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104598606</link><guid>https://blog.youkuaiyun.com/html168/article/details/104598606</guid><author>html168</author><pubDate>Sun, 01 Mar 2020 19:49:20 +0800</pubDate><description><![CDATA[做前端也有几年时间了，不敢说能把他看地多透，但是多多少少还是有些自己的东西。下面以 Tudou.com 的首页为例，总结总结。

就制作而言，我将一张页面分为四层：框架、布局、模块、列表和数据块。新建一个前端学习qun438905713，在群里大多数都是零基础学习者，大家相互帮助，相互解答，并且还准备很多学习资料，欢迎零基础的小伙伴来一起交流。

一、框架



页面的框架基本上都是：“头”、“...]]></description><category></category></item><item><title><![CDATA[HTML入门学习教程:简单网页制作]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104598433</link><guid>https://blog.youkuaiyun.com/html168/article/details/104598433</guid><author>html168</author><pubDate>Sun, 01 Mar 2020 19:41:58 +0800</pubDate><description><![CDATA[HTML入门学习教程:简单网页制作

用一分钟制作自己的第一个网页：



下面我们来试着做一个简单的网页，希望您能跟着我们操作，这只会花费您一分钟时间。现在您也许不知道那些尖括号“&lt;&gt;”和里面的字母究竟是些什么东西，不要担心，我们会在后面的教程中向您介绍。



首先请运行记事本，或在任意位置新建一个文本文档，在记事本内输入如下内容：




			
						1

				...]]></description><category></category></item><item><title><![CDATA[CSS网页布局开发小技巧24则]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104582258</link><guid>https://blog.youkuaiyun.com/html168/article/details/104582258</guid><author>html168</author><pubDate>Sat, 29 Feb 2020 21:20:50 +0800</pubDate><description><![CDATA[在CSS网页布局开发中，会有很多小技巧，新手朋友往往对此很不熟悉。在某一两个小问题上，或许纠缠很长时间才能搞明白，虽然在webjx.com的文档中，多次提及过这方面的内容，但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧，认真读一读，或许您并不能完全理解，
　　一、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。
　　二、同一个的class选择符可...]]></description><category></category></item><item><title><![CDATA[学习CSS的背景图像属性background]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104582234</link><guid>https://blog.youkuaiyun.com/html168/article/details/104582234</guid><author>html168</author><pubDate>Sat, 29 Feb 2020 21:20:04 +0800</pubDate><description><![CDATA[CSS的背景属性“background”提供了众多属性值，如颜色、图像、定位等，为网页背景图像的定义提供了极大的便利。看看background提供的属性值：


background :background-color|background-image|background-repeat|background-attachment|background-position

...]]></description><category></category></item><item><title><![CDATA[css教程:可读性可维护性良好的CSS文件]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104582197</link><guid>https://blog.youkuaiyun.com/html168/article/details/104582197</guid><author>html168</author><pubDate>Sat, 29 Feb 2020 21:18:37 +0800</pubDate><description><![CDATA[大多数文章中，我们并未特别注意CSS文件的可维护与可读性的问题，当完成一项前端的工作之后，许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型，在余下的时间里还有不断的维护工作，而这些工作也许不会是你自己完成。所以，结构优良的代码能很大程度上优化它的可维护性。下面列出四则技巧提高CSS文件可维护性的方法，以此作为指南，以一种较好的CSS样式组织习惯来进行WEB前端开发。

一、CSS样...]]></description><category></category></item><item><title><![CDATA[css教程:可读性可维护性良好的CSS文件]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104582174</link><guid>https://blog.youkuaiyun.com/html168/article/details/104582174</guid><author>html168</author><pubDate>Sat, 29 Feb 2020 21:17:40 +0800</pubDate><description><![CDATA[大多数文章中，我们并未特别注意CSS文件的可维护与可读性的问题，当完成一项前端的工作之后，许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型，在余下的时间里还有不断的维护工作，而这些工作也许不会是你自己完成。所以，结构优良的代码能很大程度上优化它的可维护性。下面列出四则技巧提高CSS文件可维护性的方法，以此作为指南，以一种较好的CSS样式组织习惯来进行WEB前端开发。

一、C...]]></description><category></category></item><item><title><![CDATA[css技巧:经典CSS使用技巧几则]]></title><link>https://blog.youkuaiyun.com/html168/article/details/104582148</link><guid>https://blog.youkuaiyun.com/html168/article/details/104582148</guid><author>html168</author><pubDate>Sat, 29 Feb 2020 21:16:54 +0800</pubDate><description><![CDATA[MacJi “偷懒”翻译了部分，下午冒着被 BOSS 开除的危险将其补完（原文链接）。

使用 line-height 垂直居中

line-height:24px;

使用固定宽度的容器并且需要一行垂直居中时，使用 line-height 即可（高度与父层容器一致），更多的垂直居中总结可以看这里。

清除容器浮动

#main {
 overflow:hidden;
}

期前也提到过这样...]]></description><category></category></item></channel></rss>