利用不同样式改变相同xhtml结构的布局
作者：林小志 来源：林小志blog 发布时间：2008-08-20 18:17:00
标签：样式,xhtml,布局
这个只是一个简单的比较无聊的尝试，类似blog等一些网站的换肤功能都是以此方式改变网站的皮肤。对于这些方法大家会的比较多，没啥说的。主要我是想说的是，别为了样式而写结构，而是为了结构去写结构。
对于刚刚说的这点，说白其实就是大家写结构的时候不要因为某些标签的文字是大是粗的所以就用他，而不去写样式，我们应该是从语义上去着手。偏离了，不废话，直接看demo吧。
先看结构：
<div id="header">#header</div>
<div id="container">
<div class="main-box">.main-box</div>
<div class="sider-menu">.sider-menu</div>
<div class="sider">.sider</div>
</div>
<div id="footer">#footer</div>
样式的话，大家有兴趣就自行查看源码下载吧，文件名就是编号不同。目前这个只是一个很简单的练习的东西，没考虑扩展性的问题，宽高都是固定的，下次有时间考虑一下带扩展性的东西吧。
0
投稿猜你喜欢
table单元格新增行并编辑，具体内容如下需要bootstrap.min.css —— [ Bootstrap ]jquery-1.8.2.- counter 是一种特殊的字典，主要方便用来计数，key 是要计数的 item，value 保存的是个数。from collections
- 本文实例为大家分享了Vue点击显示不同图片的具体代码，供大家参考，具体内容如使用Vue中的以下知识点来显示效果①：v-for：循环遍历数据②
- 计数器(Counter)是一个非常常用的功能组件，这篇blog以未读消息数为例，介绍了在 Django中实现一个高性能计数器的基本要点。故事
- 在SQL Server 中每个变量、参数、表达式等都有数据类型。系统提供的数据类型分为几大类，如表4-2 所示。&
- <?php $search = array ("'<script[^>]*?>.*?</sc
- 使用 pd.Series把dataframe转成Seriests = pd.Series(df['Value'].value
- # -*- coding:utf-8 -*-__author__ = 'walkskyer'import osimport
循环是我们经常用到的一个概念，比如，循环计算数字叠加、循环输出文字内容等。循环是运行重复内容的一个最简单的方法，简化了代码流程，增加了时效性- 一、工厂模式（Factory Pattern）工厂模式（Factory Pattern），提供了一种实例化（创建）对象的最佳方式。在工厂模式
- 在WEB2.0这个词未出现之前，是没有所谓的WEB1.0之说的，那时候的互联网也是没有时代之分的，能上的网站不多，值得上的网站更不多，很多的
- 今儿继续做项目，学习了Django的forms生成前端的代码。forms.pyclass SignupForm(forms.Form): &
- DataList Web 服务器控件 通过使用模板显示数据源中的项。通过操作组成 DataList
- 本文实例为大家分享了小程序实现tab更换页面效果的具体代码，供大家参考，具体内容如下.wxml<scroll-view scroll-
- pymsqlpymsql是Python中操作MySQL的模块，其使用方法和MySQLdb几乎相同。下载安装pip3 install pymy
- 在Windows平台上, js可以调用很多Windows提供的ActivexObject,本文就使用js来实现文档处理, 和使用js编写Ac
- 在数据库查询的时候,我们有时有这样的需求,就是要找出数据表里指定范围行内的数据记录,比如说要找出数据表里第10行到第20行的这10条数据,那
- 1、有了已经训练好的模型参数，对这个模型的某些层做了改变，如何利用这些训练好的模型参数继续训练：pretrained_params = to
- 网站的改版和重新设计总是一件让人激动的事情，上到老板，下到设计师。更漂亮！更强大！更人性化……参与设计者一定有着无数为新版本骄傲的理由，然后
- 在做NLP（自然语言处理）相关任务时，经常会遇到需要识别并提取省、城市、行政区的需求。虽然我们自己通过关键词表一个个查找也能实现提取目的，但
