仓酷云

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

[DIV+CSS] 来讲讲:经常使用的CSS常识

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

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

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

x
可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
1.Block和inline元素对照
一切的HTML元素都属于block和inline之一。
block元素的特性是:
老是在新行上入手下手;
高度,行高和顶和底边距都可把持;
宽度缺省是它的容器的100%,除非设定一个宽度
<div>,<p>,<h1>,<form>,<ul>和<li>是块元素的例子。
相反地,inline元素的特性是:
和其他元素都在一行上;
高,行高及顶和底边距不成改动;
宽度就是它的笔墨或图片的宽度,不成改动。
<span>,<a>,<label>,<input>,<img>,<strong>和<em>是inline元素的例子。
用display:inline或display:block命令就能够改动一个元素的这一特征。甚么时分必要改动这一属性呢?
让一个inline元素重新行入手下手;
让块元素和其他元素坚持在一行上;
把持inline元素的宽度(对导航条出格有效);
把持inline元素的高度;
不必设定宽度便可为一个块元素设定与笔墨同宽的背景致。
2.再来一个box黑客办法
之以是有这么多box黑客办法,是由于IE在6之前对box的了解跟他人都纷歧样,它的宽度要包括边线宽和空缺。要想让IE5同等其他扫瞄器坚持分歧,能够用CSS的办法:
padding:2em;
border:1emsolidgreen;
width:20em;
width/**/:/**/14em;
第一个宽度一切扫瞄器都认得,但IE5.x不认得第2行的宽度设置,只由于那一行上有空缺的正文标记(何等蠢的语法剖析!),以是IE5.x就用20减失落一些空缺,而其他扫瞄器会用14这个宽度,由于它是第2行,会掩盖失落第1行。
3.页面的最小宽度
min-width是个十分便利的CSS命令,它能够指定元素最小也不克不及小于某个宽度,如许就可以包管排版一向准确。但IE不认得这个,而它实践上把width当作最小宽度来使。为了让这一命令在IE上也能用,能够把一个<div>放到<body>标签下,然后为div指定一个类:
<body>
<divclass="container“>
然后CSS如许计划:
#container
{
min-width:600px;
width:expression(document.body.clientWidth<600?"600px":"auto");
}
第一个min-width是一般的;但第2行的width利用了Javascript,这只要IE才认得,这也会让你的HTML文档不太正轨。它实践上经由过程Javascript的判别来完成最小宽度。
一样的举措也能够为IE完成最年夜宽度:
#container
{
min-width:600px;
max-width:1200px;
width:expression(document.body.clientWidth<600?"600px":document.body.clientWidth>1200?”1200px“:”auto";
}
</p>
你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。
透明 该用户已被删除
沙发
发表于 2015-1-18 05:44:50 | 只看该作者
AdobeDreamweaver(前称MacromediaDreamweaver)是Adobe公司的著名网站开发工具。
飘灵儿 该用户已被删除
板凳
发表于 2015-1-25 18:00:06 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
第二个灵魂 该用户已被删除
地板
发表于 2015-2-3 12:54:12 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
5#
发表于 2015-2-9 03:28:45 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
不帅 该用户已被删除
6#
发表于 2015-2-26 20:32:18 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
柔情似水 该用户已被删除
7#
发表于 2015-3-8 17:43:44 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
飘飘悠悠 该用户已被删除
8#
发表于 2015-3-16 10:40:42 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
金色的骷髅 该用户已被删除
9#
发表于 2015-3-22 22:50:31 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-5 21:53

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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