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>标题</dt>
<dd>内容1</dd>
<dd>内容2</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&
-
CSS顶级技巧大放送,div+css布局必知
字体大小使用px 在一行内声明CSS 对比下面两个: h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 { font-size:18px; border:1px solid blue; color:#000; background-color:#FFF; } 第二种看起来的确格式化,但是不会在阅读上有任何帮助.写在一行内可以让你更快的找到需要的部分. 以
-
DIV+CSS布局教程大全与pdf电子书 下载
div+css布局入门 4XHTML下css+div布局总结. 6网页设计DIV+CSS--第1天:选择什么样的DOCTYPE. 9第一天 9什么是DOCTYPE 10我们选择什么样的DOCTYPE 10补充 10网页设计DIV+CSS--第2天:什么是名字空间 10网页设计DIV+CSS--第3天:定义语言编码 11网页设计DIV+CSS--第4天:调用样式表. 11外部调用样式表 11双表法调用样式表 12网页设计DIV+CSS--第5天:head区的其他设置. 12收藏夹小图标. 12为搜
-
DIV+CSS布局的网站对网站SEO的影响分析
符合XHTML标准DIV+CSS布局的网站,下面说说在SEO方面的影响. 代码精简 使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道.代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到spider喜欢,这样对收录数量有一定好处. 表格的嵌套问题 很多SEOer在其文章中称,搜索引擎一般不抓取三层以上的表格嵌套,这一点一直没有得到搜索引擎官方的证实.我的几项实验结果没有完全
-
比较详细的DIV+CSS布局网页对网站SEO的影响
SEO主要就是通过对网站的结构,标签,排版等各方面的优化,使Google等搜索引擎更容易搜索网站的内容,并且让网站的各个网页在GOOGLE等搜索引擎中获得较高的评分,从而获得较好的排名.DIV+CSS网页布局对SEO有哪些影响呢? 代码精简 使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道.代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到spider喜欢,这样对收录数量
-
DL.DT.DD实现左右的布局简单例子第1/2页
这是今天有人发邮件问的一个问题,最开始的想法是用ul列表来实现;但是这样用出现两个比较麻烦的地方: 1.如果用UL还布局,右边一栏比较麻烦: 2.文字外边的边框自适应比较麻烦: 3.很可能要定死高度: 所以,细细地看一看这个布局,想一想还是用DL.DT.DD作是合理的: 1.布局合理一些: 2.将来扩展很方便: 3.CSS一定很少: 试着写了写,看一看还行!在可控范围内! 布局布分当然不用说了: 复制代码 代码如下: <h1>标题</h1> <div> <
-
dl,dt,dd制作的CSS垂直菜单
感觉跟ul和li有点类似,不过也算是一种新思路,源码如下: dl,dt,dd制作的CSS垂直菜单 #menu dl {width: 150px; margin: 0 auto; padding: 0 0 10px 0; background: #69c url(file:///E|/ceshi/media/bottom.gif) no-repeat bottom left;} #menu dt {margin:0; padding: 10px; font-size: 1.4em; font-we
-
history保存列表页ajax请求的状态使用示例详解
目录 问题 优化前代码 history history.pushState() window.onpopstate 问题2 问题 最近碰到两个问题: 从首页进入列表页之后,点击下一页的时候,使用ajax请求更新数据, 然后点击浏览器“后退”按钮就直接返回到首页,实际这里想要的效果是返回列表页上一页. 在列表页分页为2的页面进入详情页,然后点击“后退”按钮,返回的事列表页分页为1的页面.没法记住之前分页状态. 优化前代码 代码如下,在页数变化的时候,去异步请求数据,渲染页面. const curr
-
非常漂亮的Div+CSS布局入门教程第1/5页
在网页制作中,有许多的术语,例如:CSS.HTML.DHTML.XHTML等等.在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础.下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧. 所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是我构思好的界面布局图. 下面,我们需要根据构思图来规划一下页面的布局
-
DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags
做DIV+CSS页面,不推荐使用的标签代码,请尽量不要使用这些HTML标签: Do not use these html elements in html pages. Presentational elements should not be used. Support for some elements has been (or will be) deprecated; they should not be used. Don't Use These Tags Presentationa
随机推荐
- 深入理解C++中public、protected及private用法
- mysql正确安全清空在线慢查询日志slow log的流程分享
- MYSQL 左连接右连接和内连接的详解及区别
- IOS UI学习教程之使用代码创建button
- 抓取YAHOO股票报价的类
- PHP移动文件指针ftell()、fseek()、rewind()函数总结
- python分析网页上所有超链接的方法
- Python基础教程之浅拷贝和深拷贝实例详解
- nodejs 提示‘xxx’ 不是内部或外部命令解决方法
- 一个shell小案例(创建日期目录)
- 解析Java图形化编程中的文本框和文本区
- 基于jQuery封装的分页组件
- Java下载文件时文件名乱码问题解决办法
- dedecms下仿chinaz二级下拉动态读取代码
- 基于一致性hash算法 C++语言的实现详解
- android打开应用所在的市场页面进行评分操作的方法
- php递归函数中使用return的注意事项
- C语言经典例程100例(经典c程序100例)
- 原生JS实现DOM加载完成马上执行JS代码的方法
- Python基于matplotlib画箱体图检验异常值操作示例【附xls数据文件下载】