`
wayJava
  • 浏览: 29233 次
  • 性别: Icon_minigender_1
  • 来自: 福建
最近访客 更多访客>>
社区版块
存档分类
最新评论

网站样式

阅读更多

现在做了一些测试,发现querymobile的效率低非常多,后面新作的界面先不要用jquerymoble了

 

 

<!--StartFragment -->
可以借鉴一下这个网站的样式
 http://m.dianping.com/

dl dd dt
也就是说<dt>用来创建列表中的上层项目,<dd>用来创建列表中最下层项目,<dt>和<dd>都必须放在<dl>< /dl>标志对之间。
<dl>
<dt>我们在做列表标题</dt>
<dd>我们在做列表</dd>
<dd>我们在做列表</dd>
<dd>我们在做列表</dd>
<dd>我们在做列表</dd>
</dl>

DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义,块级元素div尽量少用,和table一样,嵌套越少越好

ol 有序列表。

<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
  表现为:
1……
2……
3……
  ul 无序列表,表现为li前面是大圆点而不是123
<ul>
<li>……</li>
<li>……</li>
</ul>
  很多人容易忽略 dl dt dd的用法
    dl 内容块
  dt 内容块的标题
  dd 内容
   或者这么说
dl就是定义一个列表
dt说明白了就是这个列表的标题
dd就是内容,能缩进


  可以这么写:
<dl>
<dt>标题</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>
  dt 和dd中可以再加入 ol ul li和p
  理解这些以后,在使用div布局的时候,会方便很多


dl:代表HTML自定义列表
dt:代表HTML自定义列表组
dd:HTML自定义列表描述

dt主要放label部分,dd主要放input或其他。

注意:和label布局一样,有IE的3px BUG。
HTML代码
http://www.cyhd.net/appdesign/2008/0520/article_1095.html
分享到:
评论

相关推荐

    视频网站样式.zip

    总之,"视频网站样式.zip"提供的实例涵盖了前端开发的重要方面,包括视频播放、用户管理、视频管理以及响应式布局。开发者可以以此为基础,结合自己的需求进行扩展和定制,打造一个高效、美观且用户体验优秀的视频...

    网站样式100个

    网站样式是网页设计的核心元素,它定义了网页的布局、颜色、字体、图像以及交互效果。"网站样式100个"这个资源包显然提供了一百种不同的网页设计风格,适用于各种类型的项目,无论是企业官网、电子商务平台还是个人...

    网站样式图

    这是个最简单的网站样式了吧

    网站样式模板ASPX

    网站样式模板ASPX是网页设计中的一个重要组成部分,它关乎到网站的整体视觉效果和用户体验。ASPX(ASP.NET页面)是一种微软开发的服务器端脚本语言,用于构建动态、交互式的Web应用程序。在这个模板中,我们将深入...

    中文后台网站样式模板

    【中文后台网站样式模板】是针对初学者设计的一款资源,旨在帮助他们理解和创建具有中国特色的网站界面。这个模板集合了多种元素和布局,为构建一个功能完备、视觉吸引力强的中文网站提供了基础。通过学习和使用这个...

    网站样式模板用于网站开发

    网站样式模板在网站开发中扮演着至关重要的角色,它们为网页设计提供了基础框架,使得开发者可以快速构建出具有专业外观的网站。样式模板通常包含了HTML、CSS(层叠样式表)、JavaScript以及其他相关资源,用于控制...

    网站样式提取器

    网站样式提取器是一款高效实用的工具,专门设计用于快速、便捷地从网页中提取样式信息。这个工具的主要功能是帮助用户一键获取网页上的CSS(层叠样式表)规则,包括字体、颜色、布局等视觉元素,极大地简化了网页...

    js天猫网站样式导航菜单

    "js天猫网站样式导航菜单"是一个示例项目,旨在模仿天猫网站的导航菜单设计,并结合了jQuery和JavaScript技术,以实现动态效果和用户体验优化。下面将详细探讨这个项目中涉及的IT知识点。 1. **HTML结构**: - `...

    网站样式表图片下载器

    网站样式表图片下载器是一款非常实用的工具,它专门针对网页设计和开发人员,帮助他们快速、便捷地下载网页中的所有样式表(CSS)和图片资源。这款软件能够克隆整个网站的样式表现,使得用户在本地就可以拥有一个与...

    搜集整理100套DIV+CSS网站样式模板

    【标题】:“搜集整理100套DIV+CSS网站样式模板” 这100套DIV+CSS网站样式模板集合是一个宝贵的资源库,旨在为网页设计师和开发者提供丰富的设计灵感和实用的代码示例。DIV+CSS是现代网页布局的基础,通过使用HTML...

    网站样式模版

    总的来说,"网站样式模版"为快速搭建功能完备、美观的网站提供了捷径,降低了开发成本,同时也为设计师和开发者之间的协作提供了便利。通过熟练掌握和利用这些模版,我们可以更高效地完成项目,将更多的精力集中在...

    html5+div+css3网站样式模板

    本文将深入探讨这些技术,并基于"html5+div+css3网站样式模板"这一主题,阐述相关知识点。 HTML5是超文本标记语言(HyperText Markup Language)的第五个版本,它在HTML4的基础上进行了大量改进和增强。HTML5引入了...

    网站样式-g.xls

    标题中的“网站样式-g.xls”表明这是一个关于网站样式设计的电子表格文件,通常用于存储和组织网站设计相关的数据。在IT行业中,网站样式涉及到前端开发的CSS(层叠样式表)技术,它决定了网页的布局、颜色、字体、...

    仿站工具,网站页面下载,网站样式功能下载工具

    此工具可以直接下载网站代码,css,html,img等实现逻辑

    新版网站样式学习和观摩

    在“新版网站样式学习和观摩”这个主题中,我们将探讨现代网页设计的最新趋势、关键要素以及如何有效地学习和理解这些新的设计风格。网站作为企业在互联网上的面孔,其设计不仅影响用户体验,还直接关乎品牌形象和...

    网站样式创作训练

    综合创作训练EXAM8网站样式,是实验课的作业,用深喉的后台管理网站作为服务器

    非常漂亮的静态企业门户网站,样式震撼

    【标题】"非常漂亮的静态企业门户网站,样式震撼"所揭示的是一个设计精美的企业网站模板,它以静态HTML为基础,提供了吸引人的视觉效果和用户体验。这样的网站通常不需要服务器端脚本,而是通过HTML、CSS和...

    仿站工具(输入网址抓取目标网站样式)

    仿站工具是一种非常实用的开发辅助软件,尤其对于前端开发者来说,它可以帮助用户快速地获取并分析目标网站的CSS样式,以便在自己的项目中进行引用或模仿。这种工具通常采用傻瓜式操作,使得即便非专业程序员也能...

    Cascadea 2.1.2 自定义网站样式

    Cascadea 是Mac平台上的一款开发软件,可以轻松地安装自定义样式,从而改变您想要的任何网站的外观和感觉。 应用介绍 Cascadea 拥有一个干净、简单的用户界面,可以快速切换或删除样式。 Cascadea是用一个快速、...

Global site tag (gtag.js) - Google Analytics