棕楠海 一身以做鸡为快——名鸡名肉 风流理发店 成都健仁药房 留得华 没有饭店(阳朔西街) 头发乱了 发新社 […]
DIESEL的广告大观
DIESEL品牌历史及其广告理念 作为意大利的休闲品牌,DIESEL自从创建以来,也把广告定位在社会文化和社会 […]
Remembrance Day
说明:Remembrance Day 国殇纪念日 背景:每年的11月11日是国殇纪念日(Remembrance […]
Five Wonders of Britain
说明:Five Wonders of Britain 大不列颠的五个名胜 背景:"Five Wonde […]
CSS特效字收藏
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> |
世界名车的车钥匙
在分类总多的设计中,汽车设计就好比一个东西有一个“皇家”的头衔一样。它并不像其他设计一样,立刻将“设计”传达出 […]
CSS中文字跑出DIV外面
主要是IE 注释BUG 去掉<!–xxxx–>相关注释 错误产生的原因和浮 […]
HTML4标签的默认样式列表
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 |
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 } } |
XHTML+CSS兼容性解决方案小集
使用XHTML+CSS构架好处不少,但也确实存在一些问题,不论是因为使用不熟练还是思路不清晰,我就先把一些我遇 […]
搜索引擎优化-如何用CSS图片做背景
这里介绍的是另一种可以让搜索引擎读取图片文字的做法,是通过CSS完成的。 在你的HTML文件里: 以下是引用片 […]
Mozilla Firefox 建议的CSS书写顺序
* mozilla.org Base Styles * maintained by fantasai * (c […]
CSS之自动换行
大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法! 对 […]
避免表格table被撑开变形的CSS
如何避免表格因为图片尺寸或者过长的英文字符而变形撑开,在CSS加入以下代码就可以防止,同时英文单词也会按单词断 […]
css模拟title和alt的提示效果
这段时间写了很多页面代码,除了一些知识重复以外,也学到css的一些新东西,或许是旧东西,但是还是希望能对大家有 […]
又一些CSS代码
CSS实现的中英文双语导航菜单
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<div id=""top""> <ul> <ul> <li><a class=""bi"" href=""index.html"">Home<span>首 页</span></a></li> </ul> </ul> <ul> <ul> <li><a class=""bi"" href=""about.html"">About us<span>关于我们</span></a></li> </ul> </ul> <ul> <ul> <li><a class=""bi"" href=""products.html"">Products<span>产品展示</span></a></li> </ul> </ul> <ul> <ul> <li><a class=""bi"" href=""services.html"">Services<span>售后服务</span></a></li> </ul> </ul> <ul> <ul> <li><a class=""bi"" href=""contact.html"">Contact<span>联系我们</span></a></li> </ul> </ul> </div> |
小方框中浏览 […]
国际上十四个优秀网页设计审核站
推荐下. 中国 pages.think ————— […]
Canadian Thanksgiving
说明:Canadian Thanksgiving 感恩节(加拿大) 背景:加拿大感恩节的庆祝活动是在十月的第二 […]
Mid-Autumn Festival
说明:Mid-Autumn Festival 中秋节 背景:根据史籍的记载,“中秋”一词最早出现在《周礼》中。 […]
Thanksgiving (Korea)
说明:Thanksgiving (Korea) 感恩节(韩国) 背景:韩国中秋和中国也大不一样。 韩国人把这天 […]
Reunification
说明:Reunification 德国统一日 背景:每年10月3日是德国统一日。1990年10月3日东西德合并 […]
China National Day
说明:China National Day 国庆57周年 国庆节的由来 10 月1日是我国的国庆节,为什么把这 […]
Castellers
说明:Festival Of Human Towers 叠罗汉节(西班牙) 背景:Castellers即人塔, […]
Confucius 2557th Birthday
说明:Confucius 2557th Birthday 纪念孔子诞辰2557周年 中庸: 不偏不倚,不卑不亢 […]
Google 8th Anniversary
说明:Google 8th Anniversary 谷歌8周岁
制作主页的五十个秘诀
一、内容 1、让读者有理由逗留。要把网页作得趣味盎然,引人入胜。但首要的是要让它有用处。这样做的一个很 […]