一直很喜欢博客园的主题：coffee，但是看久了，总感觉还是太多不必要的东西，所以就自己整理了下，记录如下：打开管理，可以看出博客园可以非常方便自由定制html和css滴，真是贴心！使用工具： Firefox+firebug&1.加一个子标题【对于我这种特别喜欢写注释真是太好啦】：&2.coffee的主题全部统一为一种黄色，看多了就觉得太单调：通过页面定制CSS代码换换换!因为我只是在coffee上小改，所以这个还是必须不勾选了。&打开firebug找到标题的背景图地址，然后把它换成你喜欢的，我就换成了百度首页的星空主题,【图片地址是百度的，绝对不会挂哈哈，机智的我】同时把body的背景色也用纯黄色加深下。&body%20{%20%20%20%20color:%20#000;%20%20%20%20background:%20url('http://7./skin/85.jpg?2') left top; /*背景纯黄色加深*/
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 9pt;
min-height: 80%;
line-height: 1.5;}#header {
background: url('http://4./skin/12.jpg?2') right top no-repeat;/*百度首页星空*/
height: 178px;}#blogTitle {
height: 178px;
clear: both;
background: url('http://4./skin/12.jpg?2')
no-repeat;} 3.右边常用链接里面有个更多链接是没有用的，去掉;&& 同样搜索里面的google在国内也是没用的，去掉;[PS:这些都是用firebug打到找到对应标签后再操作滴，所以你只要用firebug，就快速找到你要的标签，DIY它]&#itemListLink{display:none !important;}#widget_my_google{display:none !important;}&4.右边的侧边栏如果加太多的文字，就会显得杂，如果去掉，又会显得那一片的纯黄很刺眼，试了下换个背景，发现上面的字就很难看，还是纯黄好，所以就想加点图像上去，最好是动态的，一个站不要加载太多的资源，所以决定不再用动态图片，于是就看到了下面这个神器！这个可以做点图像出来，其实他叫侧边栏公告，但只要你在里面写的HTML定义到绝对位置，就可以在页面内任何地方放东西，所以有了HTML和CSS就可以做很多事啦【sign,JS还要申请权限...】那就用CSS做个酷酷的的动态图像来做镇站之宝吧,哈哈！&&svg viewBox="0 0 160 160" width="160" height="160"&
cx="80" cy="80" r="50" /&
&g transform=" matrix(0.866, -0.5, 0.25, 0.433, 80, 80)"&
&path d="M 0,70 A 65,70 0 0,0 65,0 5,5 0 0,1 75,0 75,70 0 0,1 0,70Z" fill=green&
&animateTransform attributeName="transform" type="rotate" from="360 0 0" to="0 0 0" dur="1s" repeatCount="indefinite" /&
&path d="M 50,0 A 50,50 0 0,0 -50,0Z" transform="matrix(0.866, -0.5, 0.5, 0.866, 80, 80)" /&&/svg&&都可以任意写HTML,那么在标题后添加个以前写CSS的练习的小球，把玩下下，一闪一闪显得好神秘，有木有【但是只有FireFox才能显示出来......】&在HTML里面加入：&div class="three_ball"&&/div&在CSS里面加入：.three_ball{
width:15px;
height:15px;
background:rgba(0,0,0,0);
border-radius:50%;
margin:<span style="color: #px auto;
position:absolute;
left:25px;
animation:three_ball 3s ease-in-out infinite;}@keyframes three_ball {
0% {box-shadow:15px 15px 0 0 #fff, -15px 15px 0 0 #fff, -15px -15px 0 0 #ff0;}
8% {box-shadow:15px -15px 0 0 #fff, -15px 15px 0 0 #fff, -15px -15px 0 0 #f0f;}
17% {box-shadow:15px -15px 0 0 #fff, 15px 15px 0 0 #fff, -15px -15px 0 0 #0ff;}
25% {box-shadow:15px -15px 0 0 #fff, 15px 15px 0 0 #fff, -15px 15px 0 0 #f00;}
33% {box-shadow:-15px -15px 0 0 #fff, 15px 15px 0 0 #fff, -15px 15px 0 0 #fff;}
42% {box-shadow:-15px -15px 0 0 #fff, 15px -15px 0 0 #fff, -15px 15px 0 0 #ff0;}
50% {box-shadow:-15px -15px 0 0 #fff, 15px -15px 0 0 #fff, 15px 15px 0 0 #fff;}
58% {box-shadow:-15px 15px 0 0 #fff, 15px -15px 0 0 #fff, 15px 15px 0 0 #f00;}
67% {box-shadow:-15px 15px 0 0 #fff, -15px -15px 0 0 #fff, 15px 15px 0 0 #00f;}
75% {box-shadow:-15px 15px 0 0 #fff, -15px -15px 0 0 #fff, 15px -15px 0 0 #f0f;}
83% {box-shadow:15px 15px 0 0 #fff, -15px -15px #fff 0 0, 15px -15px 0 0 #ff0;}
92% {box-shadow:15px 15px 0 0 #fff, -15px 15px 0 0 #fff, 15px -15px 0 0 #0ff;}
100% {box-shadow:15px 15px 0 0 #fff, -15px 15px 0 0 #fff, -15px -15px 0 0 #f00;}}&5.不要忘记在页首和页尾点缀下下：&p align="center"&It's not who you are underneath, it's what you do that defines you&/p&&p align="center"&Brick walls are there for a reason :they let us prove how badly we want things&/p&最后：　　小技巧：学习时一直把css里面的id和class用什么标记记错，其实你用时只要想id是#都有一个竖笔划，这样每次一用就能绝对记得！&&当刚学CSS时，就和这小家伙一样赶觉自己会飞起来啦&&&&No.文字表記10進表記16進表記文字Comment001&&#34;&#x22;&&&quotation mark = APL quote002&&#38;&#x26;&&&ampersand003&&#60;&#x3C;&&&less-than sign004&&#62;&#x3E;&&&greater-than sign005&&#160;&#xA0;&&&no-break space = non-breaking spaceiSO 8859-1 characterschar glyphHTML tag&&?&?&?&¤&?&?&§&¨&(C)&?&<<&?&&&(R)&?&°&±&?&sup2;?&sup3;?&u&?&·&,&?&sup1;?&>>& 1/4 &frac14; 1/2 &frac12; 3/4 &frac34;?&?&A?&A?&A?&A?&A?&AAE&AE?&C?&E?&E?&E?&E?&I?&I?&I?&I?&ETH;?&N?&O?&O?&O?&O?&O×&?&O?&U?&U?&U?&U?&Y?&THORN;ss&à&á&?&?&?&?&ae&?&è&é&ê&?&ì&í&?&?&?&?&ò&ó&?&?&?&÷&?&ù&ú&?&ü&?&?&?&Math symbolsLatin Extended-Bchar glyphHTML tag?&Arrowschar glyphHTML tag←&↑&→&↓&&?&<=&lA?&uA=>&rA?&dA&hAMathematical Operatorschar glyphHTML tag?&?&?&?&?&∈&?&?&∏&∑&-&*&√&∝&∞&∠&∧&∨&∩&∪&∫&∴&there4;&#8764;&?&≈&≠&≡&≤&≥&?&?&?&?&?&⊕&?&⊥&?&General Punctuationchar glyphHTML tago&…&′&″&P?&/&Miscellaneous Technicalchar glyphHTML tag?&?&?&?&?&?&Geometric Shapeschar glyphHTML tag?&Miscellaneous Symbolschar glyphHTML tag?&?&?&?&Letterlike Symbolschar glyphHTML tag?&I&R&(TM)&?&Greekchar glyphHTML tagΑ&AΒ&BΓ&GΔ&DΕ&EΖ&ZΗ&EΘ&TΙ&IΚ&KΛ&LΜ&Mu;Ν&Nu;Ξ&Xi;Ο&OΠ&Pi;Ρ&RΣ&SΤ&TΥ&UΦ&PΧ&CΨ&PΩ&Oα&β&γ&δ&ε&ζ&η&θ&ι&κ&λ&μ&ν&ξ&ο&π&ρ&?&σ&τ&υ&φ&χ&ψ&ω&?&?&?&Special characters for HTMLC0 Controls and Basic Latinchar glyphHTML tag&&&&&&&&Latin Extended-Achar glyphHTML tagOE&OEoe&?&S?&?&YSpacing Modifier Letterschar glyphHTML tag^&~&General Punctuationchar glyphHTML tag&&&&&&?&?&?&?&–&—&‘&’&,&“&”&,,&+&?&D‰&<&>&EUR&HTML&CSS 是什么_百度知道
HTML&CSS 是什么
提问者采纳
TML是一种用于网页设计的语言.0 中。- HTML是超文本标记语言（HyperText Markup Language）的缩写- HTML不是一种编程语言，而是一种标记语言（markup language）- 标记语言都会提供一套标记标签（markup tags）- HTML用标记标签来设计网页CSS 概述- CSS 指层叠样式表 (Cascading Style Sheets)- 样式定义如何显示 HTML 元素- 样式通常存储在样式表中- 把样式添加到 HTML 4
来自团队：
其他类似问题
为您推荐：
您可能关注的推广
amp的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁HTML转义符号_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
HTML转义符号
上传于||文档简介
&&转&#8203;义&#8203;符&#8203;号&#8203;,&#8203;各&#8203;位&#8203;都&#8203;明&#8203;白&#8203;吧&#8203;？
阅读已结束，如果下载本文需要使用0下载券
想免费下载更多文档？
下载文档到电脑，查找使用更方便
还剩3页未读，继续阅读
你可能喜欢}