仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 777|回复: 7
打印 上一主题 下一主题

[DIV+CSS] DIV教程之CSS基本教程:CSS的display属性

[复制链接]
飘飘悠悠 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:16:00 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。
操纵HTML元素的窍门在于分明它们事情的办法在于没有特定的情势。一些由标签构成的年夜部分页面能够设定任何款式。扫瞄器默许的款式里的年夜部分html元素由字体款式、margin,padding构成,实质上是显现范例。

  display属性基础上分为inline,block,和none。
  inline就像它的本意――显现为inline的元素为行。strong,anchor锚和em夸大元素默许是行。
  block元素前后换行。题目和段落元素是块元素。
  none,意义不显现元素,在可用性上能够完成大度的效果,瓜代款式或hover效果的初级使用。

  设定体现能够更好使用在网页制造上。

h1{
display:inline;
font-size:2em;
}
#headerp{
display:inline;
font-size:0.9em;
padding-left:2em;
}
  设定题目h1为行元素,能够和前面的元素在统一行。

#navigation,#seeAlso,#comments,#standards{
display:none;
}
  下面的代码可使用在打印款式里,好比在导航利用,能够在打印时不显现导航这些可有可无的器材。

  display:none和visibility:hidden;的分歧在于display:none完整作废元素的显现,visibility:hidden坚持元素地位但视觉上的内容不成见。比方,假如3的第二段设置为display:none,第一段将仅跟在第三段,假如设置为visibility:hidden,段落间就会空出。

表格

  分明表格相干的体现属性值最好的办法设想html表格。table是最后的体现,你可使用table-row摹拟table-cell摹拟td。

  display属性更进一步,能够经由过程利用table-column,table-row-group,table-column-group,table-header-group,table-footer-groupandtable-caption。如今能够间接利用columns构建表格,比在html中利用行构建疾速。

  最初,inline-table设定表格前后不换行。

  利用CSS表格会严峻伤害可用性。HTML应当用来传送语意,以是假如你有表格数据,那可使用HTML表格。利用CSS表格仅仅会发生糟的数据假如没有CSS数据将不成读。

其他体现情势

  list-item列表项目,就像等候HTML里的li元素。它们必要嵌套在元素内里显现。
  run-in元素的体现情势由它的父元素决意。IE和Mozilla都不撑持。
  compat依据高低阿文决意体现情势,一样IE和Mozilla都不撑持。
  maker仅仅利用在:before和:after伪元素,设定content属性的体现。content属性默许体现就是maker,以是它只要在掩盖本来属性时才有效。
  content属性,它的默许就是maker,以是只要在掩盖本来属性时利用。

属性值就追加上去,重复的属性值就以最后一个为准。这里要注意的是,样式的先后不是根据页面上应用的名字顺序,而是样式表里的样式顺序。
简单生活 该用户已被删除
沙发
发表于 2015-1-18 05:49:26 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
分手快乐 该用户已被删除
板凳
发表于 2015-1-24 15:57:45 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
飘飘悠悠 该用户已被删除
地板
 楼主| 发表于 2015-2-2 10:46:12 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
若相依 该用户已被删除
5#
发表于 2015-2-7 18:21:58 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
爱飞 该用户已被删除
6#
发表于 2015-2-23 00:46:58 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
小魔女 该用户已被删除
7#
发表于 2015-3-7 06:22:29 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
活着的死人 该用户已被删除
8#
发表于 2015-3-14 15:40:15 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 08:25

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表