仓酷云

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

[DIV+CSS] 来讲讲:运筹帷幄 用CSS把持网站总“队形”

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

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

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

x
可以增加更多的用户而不需要建立独立的版本。可以一次设计,随处发布。
  网页计划中我们一般必要一致网页的全体作风,一致的作风年夜部分触及到网页中笔墨属性、网页背景致和链接笔墨属性等等,假如我们使用CSS来把持这些属性,会年夜年夜进步网页计划速率,加倍一致网页整体效果。  为了到达修正全部网页的目标,我们必要编纂一个外挂式的CSS文档。依据这个文档界说和修正分歧CSS属性并在页面元素不异大概类似的网页里挪用它。
  全体改动页面作风
  如今网页中盛行宋体的9pt和10.5pt的字体,按快速键“Shift+F11”翻开“CSSStyle把持面板”,单击“NewStyle”按钮,弹出“NewStyle”对话框,复选“RedefineHTMLTag”的“Type”范例,这时候在Tag处会呈现“body”、“br”、“cite”等选项,选择“body”后确认。如许我们就创建了一个外挂的CSS文档,在保留对话框中保留为all后就进进“StyleDefinitionforbodyinall.css”对话框(如)。选择“Category”中的“Type”项,界说“Font”为“宋体”、“Size”参数为“9”,厥后的下拉框选择“Points”、“Color”自界说为喜欢色彩就能够了。固然还能够选择“Category”中的“Background”项来界说“Background”色彩和其他背景属性。这时候您会看到页面中内容的全体改动。



  偏好元素作风的改动
  经由下面的改动偶然难免给您带来必定贫苦,假如碰到页面中某个元素,好比凸起显现的笔墨的字体、字号和色彩怎样办!这里我们就必要再界说一个新的CSS款式单来对其举行把持,右键点击页面编纂区,在弹出快速菜单中点击“CSSStyle/EditStyleSheet”命令,弹出“EditStyleSheet”对话框,选择列表中的all.css,点击“New”按钮,在弹出的“NewStyle”对话框当选择“MakeCustomStyle(class)”的“Type”范例界说一个本人偏好的CSS把持。假如想变动页面中某一元素的属性,选中它然后右键单击“CSSStyles”面板中“ApplyStyles”中方才界说的CSS,实行“Apply”命令就能够了(如)。



  一致把持超等链接
  超等链接也是网页中常常利用的,而网页的链接色默许都是蓝色,固然能够变动,但单一色采在分歧背景致的网页上显现就不是那末见效了,我们来看一下怎样用CSS把持网页完成分歧的本性链接色彩。在“NewStyle”对话框中,选择“UseCSSSelector”的“Type”范例,在“Selector”下拉框中会列出“a:link(链接属性)”、“a:hover(鼠标挪动到链接上的属性)”、“a:visited(链接被会见后属性)”、“a:active(链接核心形态下的属性)”4个选项(如),这4个选项的设置会把持网页中一切的链接的属性,我们能够分离界说这4个属性,然后增加到“CSSStyle”面板中与默许设置分歧的CSS把持中,再将其“Apply”到必要改动的链接上就完成了。假如将“Hover”的字体设置的比“Link”略微年夜一点,就会呈现鼠标挪动到链接上时字体变年夜的效果,碰运气是否是很奇奥!



  名词注释:CSS即层叠款式表(CascadingStyleSheet)是在网页制造过程当中广泛用到的手艺。接纳了CSS手艺把持的网页,计划者会更轻松、无效地对页面的全体结构、色彩、字体、链接、背景和统一页面的分歧部分、分歧页面的表面和格局等效果完成加倍准确地把持。DreamweaverMX推出后,其改善的CSS衬着和计划工具、经由过程加强CSS面板明晰显现内、内部界说的款式,让用户构建出切合最新CSS尺度的站点。
</p>
更好的控制页面布局。不用多说。
乐观 该用户已被删除
沙发
发表于 2015-1-18 06:13:51 | 只看该作者
可以使用CSS检查工具进行设计。
小妖女 该用户已被删除
板凳
发表于 2015-1-22 05:46:56 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
灵魂腐蚀 该用户已被删除
地板
发表于 2015-1-30 23:22:55 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
变相怪杰 该用户已被删除
5#
发表于 2015-2-6 17:04:13 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
爱飞 该用户已被删除
6#
发表于 2015-2-17 16:56:59 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
只想知道 该用户已被删除
7#
发表于 2015-3-5 21:12:08 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
飘灵儿 该用户已被删除
8#
发表于 2015-3-12 15:23:31 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
蒙在股里 该用户已被删除
9#
发表于 2015-3-19 23:28:50 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-6-12 16:00

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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