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
随机推荐
- 用pywin32实现windows模拟鼠标及键盘动作
- SQL 随机查询 包括(sqlserver,mysql,access等)
- 查看系统网络连接打开端口、系统进程、DOS打开文件的命令
- Spring Boot集成MyBatis访问数据库的方法
- Java concurrency之AtomicReference原子类_动力节点Java学院整理
- 全面解析Bootstrap表单使用方法(表单控件)
- PHP中遍历stdclass object的实现代码
- Python字符串格式化输出方法分析
- C++删除链表中间节点的方法
- JS数组(Array)处理函数整理
- python实现360皮肤按钮控件示例
- asp 批量删除选中的多条记录的实现代码
- java List 排序之冒泡排序实例代码
- jQuery异步提交表单的两种方式
- JavaScript 语言精粹学习笔记第1/2页
- js实现表单多按钮提交action的处理方法
- 阿里云windows服务器安全设置(防火墙策略)
- WinForm项目开发中Excel用法实例解析
- 深入mysql_fetch_row()与mysql_fetch_array()的区别详解
- Android 录制手机屏幕视频生成GIF图片实例详解