首页 - 网校 - 万题库 - 美好明天 - 直播 - 导航 -
首页考试吧网校万题库直播美好明天实用文档作文大全宝宝起名
2020中考
法律硕士
2020高考
MBA考试
2020考研
MPA考试
考研培训
专升本
在职研 自学考试 成人高考
四 六 级
雅思考试
申硕英语
英语四级
GRE考试
GMAT考试
英语六级
口译笔译
商务英语
日语等级
公共英语
博思考试
专四专八
托业考试
托福考试
成人英语三级
公 务 员
社会工作者
跟 单 员
事业单位
保险从业
单 证 员
教师资格
出版资格
驾 驶 员
教师招聘
报关水平
特岗教师
报检水平
普 通 话
导游考试
人力资源管理师
国际货运代理人
一级建造师
监理工程师
城乡规划师
化工工程师
二级建造师
房产经纪
结构工程师
安全评价师
一级消防师
安全工程师
注册计量师
土地代理人
二级消防师
招标师考试
环境评价
设备监理师
一级造价师
电气工程师
岩土工程师
暖通工程师
二级造价师
建筑师考试
环保工程师
注册给排水
咨询工程师
房地产估价
注册测绘师
执业药师 执业医师 执业护士 卫生资格 初级护师 主管护师 乡村医师
基金从业 证券从业 银行从业 期货从业 保荐代表人
初级会计
高级经济
统计师
中级会计
审计师
ACCA考试
会计职称
美国注会
CMA考试
注会CPA
精算师
经济师
国际内审师
初级经济师
高级会计师
中级经济师
注册税务师
等级考试 水平考试 职称计算机 计算机一级 计算机二级 计算机三级 计算机四级
实用文档
宝宝起名
作文大全
求职招聘
职业技能
论文下载
英语学习 入党申请 思想汇报 工作总结
您现在的位置: 考试吧 > 职业技能 > 平面设计 > Dreamweaver教程 > 正文

DW CS6基础教程:CSS样式表中百分比值的使用方法

来源:考试吧 2017-3-12 18:29:31 要考试,上考试吧! 美好明天
考试吧精心整理了“DW CS6基础教程:CSS样式表中百分比值的使用方法”,望给大家带来帮助!更多Dreamweaver制作教程,Dreamweaver基础教程,Dreamweaver教程实例,Dreamweaver教程pdf,Dreamweaver教程下载,DW教程视频,DW网站制作教程等信息,请关注Dreamweaver教程栏目!

  编辑推荐

平面设计大全

平面设计师招聘 平面设计图片 平面设计教程 PS教程
PS素材 PS下载 UI设计师招聘 UI教程
UI素材 UI设计 Dreamweaver下载 Dreamweaver教程
Dreamweaver素材 AI教程 AI素材 flash教程
>>>更多平面设计信息

  我们进行网页设计时,经常要用到百分比,这个百分比其实就是一个相对的长宽,在我们不知道定位为多长时就必须使用到百分比,那么它具体是怎么使用的呢?我们可以一起看看。

  一、Dreamweaver CS6 CSS样式表中百分比的表现形式:

  1.“数字%”,如图1所示

DW CS6基础教程:CSS样式表中百分比值的使用方法 

   二、Dreamweaver CS6 CSS样式表中百分比值的具体使用方法

  1.新建一个HTML空白页,单击CSS控制面板上的‘新建’按钮,如图1所示

DW CS6基础教程:CSS样式表中百分比值的使用方法  

  2.在弹出的“新建CSS规则”对话框中设置“选择器类型”为“类”,“名称”为mmm,如图2所示

DW CS6基础教程:CSS样式表中百分比值的使用方法

   3.在弹出的“mmm的CSS规则定义”对话框,在“分类”列表中选择“方框”选项,设置“宽”为400像素,“高”为200像素,如图3所示

DW CS6基础教程:CSS样式表中百分比值的使用方法

  4.在“分类”的列表中选择“背景”选项,设置“背景颜色”为红色。点击“确定”回设计视图,如图4所示

DW CS6基础教程:CSS样式表中百分比值的使用方法

   5.之后在“CSS控制面板”重新新建一个“CSS规则”,同样是“类”名称为“nnn”,在弹出的“nnn的CSS规则定义”对话框,在“分类”列表中选择“方框”,设置宽和高的值都为“50%”,如图5所示

DW CS6基础教程:CSS样式表中百分比值的使用方法

   6.设置背景颜色为黑色,点击确定返回设计视图,如图6所示

DW CS6基础教程:CSS样式表中百分比值的使用方法

   7.在菜单栏中选择“插入”“布局对象”“DIV”,如图7所示

DW CS6基础教程:CSS样式表中百分比值的使用方法

 

  8.在弹出的“插入DIV标签”对话框中设置类为“mmm”,效果如图8所示

DW CS6基础教程:CSS样式表中百分比值的使用方法

   9.重新插入一个DIV标签,在菜单栏中选择“插入”----“布局对象”----“DIV”,在弹出的“插入DIV标签”对话框中设置类为“nnn”,此时注意要把光标放在上一个DIV的标签内,点击确定后,效果如图9所示:

DW CS6基础教程:CSS样式表中百分比值的使用方法

   总结:其实这就是内嵌的一个方框是前一个方框的50%的长宽,百分比就是相对于上一个容器来说的。

0
收藏该文章
0
收藏该文章
文章责编:gaoxiaoliang  
看了本文的网友还看了
文章搜索
·学习就是美好明天
·开启伟大职业梦想
扫描二维码下载
版权声明:如果平面设计网所转载内容不慎侵犯了您的权益,请与我们联系800@exam8.com,我们将会及时处理。如转载本平面设计网内容,请注明出处。
Copyright © 2004- 考试吧职业技能考试网 出版物经营许可证新出发京批字第直170033号 
中国科学院研究生院权威支持(北京)
美好明天
扫码下载即可获得
习就是美好明天
启伟大职业梦想