<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[web前端基础入门教程]]></title><description><![CDATA[web前端基础入门教程]]></description><link>https://blog.youkuaiyun.com/html886</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; html886]]></copyright><item><title><![CDATA[CSS小结：一行内文本超出指定宽度溢出的处理]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104642279</link><guid>https://blog.youkuaiyun.com/html886/article/details/104642279</guid><author>html886</author><pubDate>Tue, 03 Mar 2020 21:38:11 +0800</pubDate><description><![CDATA[看到标题你一定很容易就会想到截断文字加“...”的做法。哈哈，就是这样。其实写这篇日志也只是把这样方法做个记录，因为好像还有很多人不记得遇到这样的情况该如何处理。
　

　　一般的文字截断（适用于内联与块）：

.text-overflow {
display:block;/*内联对象需加*/
width:31em;
word-break:keep-all;/* 不换行 */
white-spac...]]></description><category></category></item><item><title><![CDATA[WEB标准中细线表格的实现方法]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104642264</link><guid>https://blog.youkuaiyun.com/html886/article/details/104642264</guid><author>html886</author><pubDate>Tue, 03 Mar 2020 21:37:31 +0800</pubDate><description><![CDATA[随着web标准的广泛传播,表格渐渐被我遗忘,但是表格还是有它优秀的一面,数据处理用表格的确省了不少麻烦!这个是细表格的代码,并且通过了标准验证!

&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;
&lt;title&gt;细线表格简单实现&lt;/title&gt;
...]]></description><category></category></item><item><title><![CDATA[网页制作知识之详细讲解CSS选择符]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104642246</link><guid>https://blog.youkuaiyun.com/html886/article/details/104642246</guid><author>html886</author><pubDate>Tue, 03 Mar 2020 21:36:49 +0800</pubDate><description><![CDATA[一.选择符模式

模式/含义/内容描述

*
匹配任意元素。(通用选择器)
E
匹配任意元素 E (例如一个类型为 E 的元素)。(类型选择器)
E F
匹配元素 E 的任意后代元素 F 。(后代选择器)
E &gt; F
匹配元素 E 的任意子元素 F 。(子选择器)
E:first-child
当元素 E 是它的父元素中的第一个子元素时，匹配元素 E 。(:first-chi...]]></description><category></category></item><item><title><![CDATA[详细讲解CSS特殊选择符伪类的应用技巧]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104642226</link><guid>https://blog.youkuaiyun.com/html886/article/details/104642226</guid><author>html886</author><pubDate>Tue, 03 Mar 2020 21:36:14 +0800</pubDate><description><![CDATA[伪类可以看做是一种特殊的类选择符，是能被支持CSS的浏览器自动所识别的特殊选择符。它的最大的用处就是可以对链接在不同状态下定义不同的样式效果。

1. 语法

伪类的语法是在原有的语法里加上一个伪类（pseudo-class）：
selector:pseudo-class {property: value}
（选择符:伪类 {属性: 值}）
伪类和类不同，是CSS已经定义好的，不能象类选择符一样随...]]></description><category></category></item><item><title><![CDATA[web前端基础入门学习教程之DIV和CSS布局入门]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104642191</link><guid>https://blog.youkuaiyun.com/html886/article/details/104642191</guid><author>html886</author><pubDate>Tue, 03 Mar 2020 21:34:56 +0800</pubDate><description><![CDATA[你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习：
　　第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。
　　另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束...]]></description><category></category></item><item><title><![CDATA[网页中使用CSS样式表的五种方法]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104619159</link><guid>https://blog.youkuaiyun.com/html886/article/details/104619159</guid><author>html886</author><pubDate>Mon, 02 Mar 2020 20:34:28 +0800</pubDate><description><![CDATA[一、使用STYLE属性

将STYLE属性直接加在个别的元件标签里，&lt;元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}

例如：
&lt;TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%&gt;
这种用法的优点 是可灵巧应用样式於各标签中，但是缺点...]]></description><category></category></item><item><title><![CDATA[CSS网页制作时实现自动换行的小技巧]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104619135</link><guid>https://blog.youkuaiyun.com/html886/article/details/104619135</guid><author>html886</author><pubDate>Mon, 02 Mar 2020 20:33:21 +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;w...]]></description><category></category></item><item><title><![CDATA[CSS制作网页时的优化与技巧]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104619110</link><guid>https://blog.youkuaiyun.com/html886/article/details/104619110</guid><author>html886</author><pubDate>Mon, 02 Mar 2020 20:32:34 +0800</pubDate><description><![CDATA[使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。

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

　　忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0...]]></description><category></category></item><item><title><![CDATA[CSS特点及加入网页的四种方法]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104619087</link><guid>https://blog.youkuaiyun.com/html886/article/details/104619087</guid><author>html886</author><pubDate>Mon, 02 Mar 2020 20:31:34 +0800</pubDate><description><![CDATA[CSS(Cascading Stylesheets，层叠样式表)是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码，加快下载显示的速度，也减少了需要上传的代码数量，大大减少了重复劳动的工作量。尤其是当你面对的是有数百个网页的站点时，CSS简直象是神对我们的恩赐!

　　前言

　　CSS(Cascading Stylesheet...]]></description><category></category></item><item><title><![CDATA[CSS控制网页中文本的技巧]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104619062</link><guid>https://blog.youkuaiyun.com/html886/article/details/104619062</guid><author>html886</author><pubDate>Mon, 02 Mar 2020 20:30:48 +0800</pubDate><description><![CDATA[控制文字的样式包括文字大小写、文字修饰两个部分。

　　1.文字大小写

　　文字大小写使网页的设计者不用在输入文字时就完成文字的大小写，而可以在输入完毕后，再根据需要对局部的文字设置大小写。

　　基本格式如下:

　　text-transform: 参数

　　参数取值范围:

　　·uppercase:所有文字大写显示

　　·lowercase:所有文字小写显示

　　·capitaliz...]]></description><category></category></item><item><title><![CDATA[实践DIV＋CSS网页布局入门指南]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104619039</link><guid>https://blog.youkuaiyun.com/html886/article/details/104619039</guid><author>html886</author><pubDate>Mon, 02 Mar 2020 20:29:54 +0800</pubDate><description><![CDATA[你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习：

第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。

另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束手无...]]></description><category></category></item><item><title><![CDATA[web设计和制作中虚线的实现]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104598836</link><guid>https://blog.youkuaiyun.com/html886/article/details/104598836</guid><author>html886</author><pubDate>Sun, 01 Mar 2020 20:01:46 +0800</pubDate><description><![CDATA[在设计和制作网页过程中，常常需要加入虚线分割线，像腾讯、搜狐、新浪首页都有灰色虚线的应用。但是虚线的实现，无论在设计中还是后面的制作中都不太容易。

（一）设计中实现虚线
总结以下photoshop画虚线的几种方法（只讨论直线）：

 （1）使用画笔—点击“画笔笔尖形状”，调整“间距”




这种方法简便，制作出的虚线点分布均匀，通过描边路径可以画出任意形状的虚线。

...]]></description><category></category></item><item><title><![CDATA[如何设计一个吸引访问者的网站主页？]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104598789</link><guid>https://blog.youkuaiyun.com/html886/article/details/104598789</guid><author>html886</author><pubDate>Sun, 01 Mar 2020 19:58:49 +0800</pubDate><description><![CDATA[1.你的网站首页应该有什么？
你网站的主页必须包含清晰的信息。最重要的主页应该遵循新的趋势。不应该有不必要的信息干扰用户或与网站目的无关的信息。所有的数据必须整洁有序，最好是段落，以便用户更容易和舒适地阅读和处理信息。如果广告产品或服务，使用图片和视频，让用户更好地了解你的产品或服务是什么，它提供什么。新建一个前端学习qun438905713，在群里大多数都是零基础学习者，大家相互帮助，相互解答，...]]></description><category></category></item><item><title><![CDATA[Web设计之颜色设计 让你的网站熠熠生辉]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104598768</link><guid>https://blog.youkuaiyun.com/html886/article/details/104598768</guid><author>html886</author><pubDate>Sun, 01 Mar 2020 19:58:07 +0800</pubDate><description><![CDATA[今天给大家讲讲Web Design中的颜色设计（Color Design）。



当你第一次点进一个网页时，吸引你的第一眼是什么？内容？字体？布局？都不是，最吸引你第一眼的，是颜色。为什么会这样？科学的解释是，颜色是通过眼、脑和我们的生活经验所产生的对光的视觉感受，而且是直接的，没有进行任何思考的感受，而网页中的其他部分，很多都是要经过我们大脑过滤以后才会被记住。

Web设计中为什么对主题色设...]]></description><category></category></item><item><title><![CDATA[CSS语法缩写规则,减少CSS文件的大小]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104582031</link><guid>https://blog.youkuaiyun.com/html886/article/details/104582031</guid><author>html886</author><pubDate>Sat, 29 Feb 2020 21:11:49 +0800</pubDate><description><![CDATA[使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：

颜色

16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：
#000000可以缩写为#000;#336699可以缩写为#369;

盒尺寸

通常有下面四种书写方法:

property:value1; 表示所有边都是一个值value1；
	property:value1 value2; 表示top和bot...]]></description><category></category></item><item><title><![CDATA[Web开发期待的CSS的一些功能]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104582007</link><guid>https://blog.youkuaiyun.com/html886/article/details/104582007</guid><author>html886</author><pubDate>Sat, 29 Feb 2020 21:11:03 +0800</pubDate><description><![CDATA[著名的 Web 设计网站 CSS-tricks.com 最近组织了一次调查，请15名顶尖的 Web 设计师对 CSS 提出自己的期望，15名设计师包括 Jon Hicks,Wolfgang Bartelme, Mint 的 Shaun Inman 以及 Stuff and Nonsense 的 Andy Clarke。
调查结果显示，最被期待的 CSS 功能是 CSS 圆角，其它期待的功能包括...]]></description><category></category></item><item><title><![CDATA[CSS网页设计时关于字体大小的设计]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104581982</link><guid>https://blog.youkuaiyun.com/html886/article/details/104581982</guid><author>html886</author><pubDate>Sat, 29 Feb 2020 21:10:14 +0800</pubDate><description><![CDATA[在设计网络应用时，您必须决定如何编辑字体。使用CSS时存在大量选项，每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。在开发网络应用时，没有比外观更重要的事情了。所以，如果发现设计人员十分关注字体及字体大小，我不会感到奇怪！新建一个前端学习qun438905713，在群里大多数都是零基础学习者，大家相互帮助，相互解答，并且还准备很多学习资料，欢迎零基础的小伙伴来一起交流。

　　字...]]></description><category></category></item><item><title><![CDATA[div+css在思路和流程上实现结构与表现的分离]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104581970</link><guid>https://blog.youkuaiyun.com/html886/article/details/104581970</guid><author>html886</author><pubDate>Sat, 29 Feb 2020 21:09:32 +0800</pubDate><description><![CDATA[内容与表现分离，从标准到国人重视那天起，就已经讨论了，但是停留在div+cssxhtml+css纯代码的分离，思想上流程上，到底如何分离？
古老的话题：一首古诗的分离
　　1.给你一首古诗，保存为毫无格式的一堆文字，你去理解它的内容，进行结构的处理。用word排版之后，他有了结构
　　2.这个结构其实包含了语义和表现
　　3.用html进行结构化，抛开一切的表现形式，只考虑语义
　　4....]]></description><category></category></item><item><title><![CDATA[CSS+XHTML制作的简单网页下拉菜单]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104581933</link><guid>https://blog.youkuaiyun.com/html886/article/details/104581933</guid><author>html886</author><pubDate>Sat, 29 Feb 2020 21:07:49 +0800</pubDate><description><![CDATA[CSS和JS一样深不可测,也许花十天时间就能学会,但如果想完全通透,或许要付出几百个十天.永远不要认为自己比别人聪明,自以为比别人懂的人其实什么都不懂.学无止尽,亘古不变.上下求索,孜孜不倦.自勉.

闲来无事,琢磨着写了个下拉菜单,纯CSS的.最初灵感来自于Discuz头部导航中的"我的"下拉效果.大致分析了一下,实现原理很简单,鼠标未触发事件时定义一个样式只显示父级菜单,而隐藏掉其子级菜单.再...]]></description><category></category></item><item><title><![CDATA[css实用技巧及必须得注意的事项]]></title><link>https://blog.youkuaiyun.com/html886/article/details/104581907</link><guid>https://blog.youkuaiyun.com/html886/article/details/104581907</guid><author>html886</author><pubDate>Sat, 29 Feb 2020 21:06:58 +0800</pubDate><description><![CDATA[个人总结的一些css实用技巧及必须得注意的事项:

1.注释须知:html中注释不能这样写:

&lt;div&gt;&lt;/div&gt;&lt;!--------这是错误写法-------&gt;
&lt;div&gt;&lt;/div&gt;&lt;!--=======这是正确写法========--&gt;

这种写法,FF中会忽略其下面的内容.

2.CSS注释切记在/*之后及*/之前...]]></description><category></category></item></channel></rss>