仓酷云

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

[DIV+CSS] 来一发对display:inline;与float:left;的熟悉

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

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

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

x
提高易用性。使用CSS可以结构化HTML,例如:标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。
  如许的标题显得有点好笑,可是鉴于良多网友在尺度进修的过程当中常被如许的成绩所困扰(
  起首我们要明白,display:inline;与float:left;准确寄义。display:inline;(内联)《CSS威望指南》中笔墨显现:任何不是块级元素的可见元素都是内联元素。其体现的特征是“行结构”情势,这里的“行结构”的意义就是说其体现情势一直以行举行显现。好比,我们设定一个内联元素border-bottom:1pxsolid#000;时其体现是以每行举行反复,每行下方城市有一条玄色的细线。假如是块级元素那末所显现的的黑线只会在块的下方呈现。
  固然这看起来不像是display:inline;与float:left;的区分地点,可是当了解了float:left;的特征那末我们就分明究竟是怎样回事了。float:left;(左浮动)他使得指定元素离开一般的文档流而发生的出格的结构特征。而且FLOAT必须使用在块级元素之上,也就是说浮动其实不使用于内联标签。大概换句话来讲当使用了FLOAT那末这个元素将被指定为块级元素。
  那末我们很分明了,内联(display:inline;)元素不克不及设置宽高,由于内联属于行结构,其特征是在一行里举行结构,以是不克不及被设定宽高。
例1、例二),以是特此专文廓清二者之间的区分与特征。

一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。
深爱那片海 该用户已被删除
沙发
发表于 2015-1-17 20:09:03 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
变相怪杰 该用户已被删除
板凳
发表于 2015-1-21 10:17:47 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
蒙在股里 该用户已被删除
地板
发表于 2015-1-30 15:00:52 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
兰色精灵 该用户已被删除
5#
发表于 2015-2-6 13:38:09 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
谁可相欹 该用户已被删除
6#
发表于 2015-2-16 09:18:47 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
老尸 该用户已被删除
7#
发表于 2015-3-5 04:24:43 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
飘灵儿 该用户已被删除
8#
发表于 2015-3-19 16:30:10 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
莫相离 该用户已被删除
9#
发表于 2015-3-29 16:56:24 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-4-20 18:24

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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