display

display 属性规定元素在布局中应该生成的框的类型。

这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML
中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。

  • 属性名:display

  • 属性值:inline|block| inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group |table-column |…| none

  • 默认值:inline

  • 适用对象:所有元素(常用于ul ol li a元素)

  • 不可继承

使用列表作为导航
有两种方法可以将列表变为水平条

  1. 让列表项显示为内联元素
  2. 浮动,将列表项和链接排成一行
p.inline{display:inline;}

如何把元素显示为内联元素?

<html>
<head>
<style type="text/css">
p {display: inline}
div {display: none}
</style>
</head><body>
<p>本例中的样式表把段落元素设置为内联元素。</p><p>而 div 元素不会显示出来!</p><div>div 元素的内容不会显示出来!</div>
</body>
</html>

如何把元素显示为块级元素?

<html>
<head>
<style type="text/css">
span
{display: block
}
</style>
</head>
<body><span>本例中的样式表把 span 元素设置为块级元素。</span>
<span>两个 span 元素之间产生了一个换行行为。</span></body>
</html>

CSS滑动效果

  • hover伪类,当鼠标位于链接上方时差生滑过效果
  • 交替背景图像
  • 背景图像位移:把所有的划过状态放在一副图像上,然后为每种链接状态改变背景位置。

WEB display -复习用 如侵则删相关推荐

  1. 利用SqlHelper.cs实现Web程序对数据库的增、删、改等操作

    利用SqlHelper.cs实现Web程序对数据库的增.删.改等操作 (2006-08-22 00:50:05) 转载▼ 分类:技术杂谈 在SqlHelper.cs中,封装了所有和SQL数据库相关的操 ...

  2. 计算机二级 java和web_2020年全国计算机二级WEB程序复习知识点:JavaBean

    [摘要] 即将参加全国计算机等级考试的考生们,考试即将到来,大家的备考工作进行得如何了?考必过为大家精心整理了2020年全国计算机二级WEB程序复习知识点:JavaBean,希望能够助力全国计算机等级 ...

  3. web期末复习---老师划重点!!

    18.19级的web期末考试题都是老师出题,有幸在周一下午去听了老师的划重点的课,下面我把重点列出来供大家参考,可能不是特别全欢迎补充!谢谢! table(书P25) 知道外边框.内边框及其各个属性( ...

  4. 【山东大学】web数据管理——复习笔记

    写在前面 若有图片加载失败,请科学上网 . 本文为对软件学院连老师的PPT课件总结所得的复习笔记,仅供参考.不保证对考点的全覆盖,以PPT为主. 对往年考过的题相关知识点前面都标注了"考过& ...

  5. java WEB 基础复习_开篇--Java Web基础知识

    本篇主要是博客的开篇,是一些很基础的知识,我写博客的目的很简单.主要是供自己学习使用,督促自己学习,希望自己能坚持下来. 当前三大主流的Web动态网页技术是PHP(Personal Home Page ...

  6. SpringMVC工作原理 侵立删

    转自:http://www.cnblogs.com/xiaoxi/ SpringMVC的工作原理图: SpringMVC原理 1.用户发送请求至前端控制器DispatcherServlet. 2. D ...

  7. web总体复习 h5c3

    <!DOCTYPE html> 表明了当前文档是最标签的Html5的文档类型 html 超文本标记语言 ,用来描述网页的一种语言   可以加入图片 ,声音 多媒体 从一个文件跳转到另一个文 ...

  8. 消息队列探秘-RabbitMQ消息队列介绍 侵立删

    1. 历史 RabbitMQ是一个由erlang开发的AMQP(Advanced Message Queue )的开源实现.AMQP 的出现其实也是应了广大人民群众的需求,虽然在同步消息通讯的世界里有 ...

  9. 先码后看 severlet开发基础 侵立删

    转自:www.cnblogs.com/xdp-gacl/p/3763559.html 一.ServletConfig讲解 1.1.配置Servlet初始化参数 在Servlet的配置文件web.xml ...

最新文章

  1. 用GPU拯救世界:英伟达斯坦福呼吁玩家捐献算力,投入新冠病毒相关蛋白质分布式计算...
  2. [bzoj1934][Shoi2007]Vote 善意的投票
  3. Docker笔记整理
  4. 免装版_无缝贴图制作软件 PixPlant2中文免装版
  5. 安卓第三阶段实训项目:基于网络乐库音乐播放器V1.0
  6. jasperreport linux 中文不能显示的解决方法
  7. 腾讯优图 ncnn AI 框架宣布加入 ONNX 开放生态系统
  8. 未来比较火的计算机领域,【火了】未来十年,中国人才最紧缺的6个专业!
  9. 大数据可视化平台优点在哪
  10. 同事乱用 Redis 卡爆,我真是醉了
  11. SpringMVC前后台数据传递中Json格式的相互转换(前台显示格式、Json-lib日期处理)及Spring中的WebDataBinder浅析...
  12. 凤凰服务器系统,凤凰系统云服务器
  13. mac linux 键盘布局,Macbook Pro 推出中文键盘布局
  14. java 用户拒绝对代码授予权限_java – @Secured函数获取授权用户的拒绝访问权限...
  15. 兴趣学水彩?业余练习也要准备的画画工具看这里
  16. OpenCV第六篇:阈值函数
  17. adguard和adblock哪个好_世界上最高级的广告拦截程序AdGuard过滤规则分享
  18. parameterType和@Param注解用法
  19. java park unpark_LockSupport(park/unpark)源码分析
  20. 【毕业设计】基于stm32的示波器设计与实现 - 单片机 嵌入式

热门文章

  1. 华为机试真题 C++ 实现【数组拼接】
  2. 清华校长送毕业生的五句话
  3. 使用psmoveapi连接并使用psmove(Windows环境)
  4. 进化计算/进化算法×传统数学优化方法×机器学习
  5. vue+elmentui+ueditor +数学公式 编辑器
  6. Halcon 塑料制品表面的缺陷检测
  7. 关于unity3d调用手机摄像机的一些操作
  8. 【STM32】 无线转接板模块
  9. 数据的流动——计算机是如何显示一个像素的
  10. html视频插背景音乐,视频添加背景音乐软件