UI – 第 7 页 – 筚路蓝缕

<fieldset style=&#34;PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FILTER: glow(color=#FFAA00,strength=3); PADDING-BOTTOM: 5px; PADDING-TOP: 5px; LETTER-SPACING: -3px&#34;><font style=&#34;FONT: bold 53px/58px &amp;quot;宋体&amp;quot;; COLOR: #ff0253&#34;><nobr>清风细雨阁<br />www.700net.com</nobr></font></fieldset>

1	<fieldset style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FILTER: glow(color=#FFAA00,strength=3); PADDING-BOTTOM: 5px; PADDING-TOP: 5px; LETTER-SPACING: -3px"><font style="FONT: bold 53px/58px &quot;宋体&quot;; COLOR: #ff0253"><nobr>清风细雨阁<br />www.700net.com</nobr></font></fieldset>

UI2006年10月26日

世界名车的车钥匙

在分类总多的设计中，汽车设计就好比一个东西有一个“皇家”的头衔一样。它并不像其他设计一样，立刻将“设计”传达出 […]

UI2006年10月25日2011年10月15日

CSS中文字跑出DIV外面

主要是IE 注释BUG 去掉<!–xxxx–>相关注释错误产生的原因和浮 […]

UI2006年10月25日2011年10月4日

HTML4标签的默认样式列表

html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre { display: block }
li { display: list-item }
head { display: none }
table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-column }
colgroup { display: table-column-group }
td, th { display: table-cell; }
caption { display: table-caption }
th { font-weight: bolder; text-align: center }
caption { text-align: center }
body { margin: 8px; line-height: 1.12 }
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu { margin: 1.12em 0 }
h5 { font-size: .83em; margin: 1.5em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong { font-weight: bolder }
blockquote { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address { font-style: italic }
pre, tt, code,
kbd, samp { font-family: monospace }
pre { white-space: pre }
button, textarea,
input, object, 
select { display:inline-block; }
big { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub { vertical-align: sub }
sup { vertical-align: super }
table { border-spacing: 2px; }
thead, tbody,
tfoot { vertical-align: middle }
td, th { vertical-align: inherit }
s, strike, del { text-decoration: line-through }
hr { border: 1px inset }
ol, ul, dir,
menu, dd { margin-left: 40px }
ol { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
u, ins { text-decoration: underline }
br:before { content: "A" }
:before, :after { white-space: pre-line }
center { text-align: center }
abbr, acronym { font-variant: small-caps; letter-spacing: 0.1em }
:link, :visited { text-decoration: underline }
:focus { outline: thin dotted invert }
/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }
*[DIR="ltr"] { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"] { direction: rtl; unicode-bidi: embed }
@media print {
h1 { page-break-before: always }
h1, h2, h3,
h4, h5, h6 { page-break-after: avoid }
ul, ol, dl { page-break-before: avoid }
}

html, address,

blockquote,

body, dd, div,

dl, dt, fieldset, form,

frame, frameset,

h1, h2, h3, h4,

h5, h6, noframes,

ol, p, ul, center,

dir, hr, menu, pre { display: block }

li { display: list-item }

head { display: none }

table { display: table }

tr { display: table-row }

thead { display: table-header-group }

tbody { display: table-row-group }

tfoot { display: table-footer-group }

col { display: table-column }

colgroup { display: table-column-group }

td, th { display: table-cell; }

caption { display: table-caption }

th { font-weight: bolder; text-align: center }

caption { text-align: center }

body { margin: 8px; line-height: 1.12 }

h1 { font-size: 2em; margin: .67em 0 }

h2 { font-size: 1.5em; margin: .75em 0 }

h3 { font-size: 1.17em; margin: .83em 0 }

h4, p,

blockquote, ul,

fieldset, form,

ol, dl, dir,

menu { margin: 1.12em 0 }

h5 { font-size: .83em; margin: 1.5em 0 }

h6 { font-size: .75em; margin: 1.67em 0 }

h1, h2, h3, h4,

h5, h6, b,

strong { font-weight: bolder }

blockquote { margin-left: 40px; margin-right: 40px }

i, cite, em,

var, address { font-style: italic }

pre, tt, code,

kbd, samp { font-family: monospace }

pre { white-space: pre }

button, textarea,

input, object,

select { display:inline-block; }

big { font-size: 1.17em }

small, sub, sup { font-size: .83em }

sub { vertical-align: sub }

sup { vertical-align: super }

table { border-spacing: 2px; }

thead, tbody,

tfoot { vertical-align: middle }

td, th { vertical-align: inherit }

s, strike, del { text-decoration: line-through }

hr { border: 1px inset }

ol, ul, dir,

menu, dd { margin-left: 40px }

ol { list-style-type: decimal }

ol ul, ul ol,

ul ul, ol ol { margin-top: 0; margin-bottom: 0 }

u, ins { text-decoration: underline }

br:before { content: "A" }

:before, :after { white-space: pre-line }

center { text-align: center }

abbr, acronym { font-variant: small-caps; letter-spacing: 0.1em }

:link, :visited { text-decoration: underline }

:focus { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */

BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override }

BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"] { direction: ltr; unicode-bidi: embed }

*[DIR="rtl"] { direction: rtl; unicode-bidi: embed }

@media print {

h1 { page-break-before: always }

h1, h2, h3,

h4, h5, h6 { page-break-after: avoid }

ul, ol, dl { page-break-before: avoid }

}

UI2006年10月25日2011年10月4日

XHTML+CSS兼容性解决方案小集

使用XHTML＋CSS构架好处不少，但也确实存在一些问题，不论是因为使用不熟练还是思路不清晰，我就先把一些我遇 […]

UI2006年10月25日2011年10月19日

搜索引擎优化－如何用CSS图片做背景

这里介绍的是另一种可以让搜索引擎读取图片文字的做法，是通过CSS完成的。在你的HTML文件里: 以下是引用片 […]

UI2006年10月25日2015年9月27日

Mozilla Firefox 建议的CSS书写顺序

* mozilla.org Base Styles * maintained by fantasai * (c […]

UI2006年10月25日

CSS之自动换行

大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是 CSS如何将他们换行的方法！对 […]

UI2006年10月25日2011年10月11日

避免表格table被撑开变形的CSS

如何避免表格因为图片尺寸或者过长的英文字符而变形撑开，在CSS加入以下代码就可以防止，同时英文单词也会按单词断 […]

UI2006年10月25日2011年10月11日

css模拟title和alt的提示效果

这段时间写了很多页面代码，除了一些知识重复以外，也学到css的一些新东西，或许是旧东西，但是还是希望能对大家有 […]

UI2006年10月17日2020年3月24日

又一些CSS代码

CSS实现的中英文双语导航菜单

&lt;div id=""top""&gt;
&lt;ul&gt;
&lt;ul&gt;
	&lt;li&gt;&lt;a class=""bi"" href=""index.html""&gt;Home&lt;span&gt;首　页&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/ul&gt;

&lt;ul&gt;
&lt;ul&gt;
	&lt;li&gt;&lt;a class=""bi"" href=""about.html""&gt;About us&lt;span&gt;关于我们&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/ul&gt;

&lt;ul&gt;
&lt;ul&gt;
	&lt;li&gt;&lt;a class=""bi"" href=""products.html""&gt;Products&lt;span&gt;产品展示&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/ul&gt;

&lt;ul&gt;
&lt;ul&gt;
	&lt;li&gt;&lt;a class=""bi"" href=""services.html""&gt;Services&lt;span&gt;售后服务&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/ul&gt;

&lt;ul&gt;
&lt;ul&gt;
	&lt;li&gt;&lt;a class=""bi"" href=""contact.html""&gt;Contact&lt;span&gt;联系我们&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/ul&gt;






&lt;/div&gt;