最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

CSS初级指南--综合在一起

日期:09-02    来源:HTMLDog|    作者:HTMLDog

你应该已经在HTML初级指南的综合中创作了一个HTML文档,而且在css初级指南的的开始中增加了一行,用以把HTML文档和css文档联系起来。

下面的代码包括了所有我们在初级指南中所学习的方法。只要你把下面的保存起来作为css文档,然后在浏览器中查看HTML文档,你就可以理解每一个css的属性的表现和怎么应用。最好的方法就是花费时间修改css文档和HTML文档上的代码,然后在浏览器中查看到底发生了什么。

 body { font-family: arial, helvetica, sans-serif; 
font-size: 80%; color: black; background-color: #ffc;
margin: 1em; padding: 0; } /* 顺便说一句,这是注释 */ p
{
line-height: 1.5em; } h1 { color: #ffc; background-color: #900;
font-size: 2em; margin: 0; margin-bottom: 0.5em; padding: 0.25em;
font-style: italic; text-align: center; letter-spacing: 0.5em;
border-bottom-style: solid; border-bottom-width: 0.5em;
border-bottom-color: #c00; } h2 { color: white; background-color: #090;
font-size: 1.5em; margin: 0; padding: 0.1em; padding-left: 1em; }
h3 { color: #999; font-size: 1.25em; } img { border-style: dashed; border-width: 2px; border-color: #ccc; } a { text-decoration: none; } strong { font-style: italic; text-transform: uppercase; } li { color: #900; font-style: italic; } table { background-color: #ccc; }