传统页面的构造方法
“专业、务实、高效、创新、把客户的事当成自己的事”是我们每一个人一直以来坚持追求的企业文化。 创新互联建站是您可以信赖的网站建设服务商、专业的互联网服务提供商! 专注于做网站、网站建设、软件开发、设计服务业务。我们始终坚持以客户需求为导向,结合用户体验与视觉传达,提供有针对性的项目解决方案,提供专业性的建议,创新互联建站将不断地超越自我,追逐市场,引领市场!
因为痛,所以叫青春
写给独自站在人生路口的你
[韩]金兰都
青春, 之所以艰难,是因为孤单。
- ......完整内容见附件
因为使用了
- .Header {
- background-color: #7695FE;
- border: thin #336699 solid;
- padding: 10px;
- margin: 10px;
- text-align: center;
- }
- .Header h1 {
- margin: 0px;
- color: white;
- font-size: xx-large;
- }
- .Header .Teaser {
- margin: 0px;
- font-weight: bold;
- }
- .Header .Byline {
- font-style: italic;
- font-size: small;
- margin: 0px;
- }
其余的样式参见附件。上述代码实现的页面的整体样式如下:
上述页面编写规范,通过使用
使用HTML5改造页面
HTML5可以改进这种情况,可以把
青春, 之所以艰难,是因为孤单。
上述这些是译的观点
Copyright © 2013
上面的代码中
因为痛,所以叫青春
写给独自站在人生路口的你
[韩]金兰都
修改之后,为语义元素应用的样式表也应该做如下调整:
- header {
- ... //与代码1-1 的内容一样
- }
- header h1 {
- ... //与代码 1-2 内容一样
- }
- header .Teaser {
- ...//与代码1-3内容一样
- }
- header .Byline {
- ...//与代码1-4内容一样
- }
这两种样式都会得到相同的结果。