仓酷云

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

[DIV+CSS] DIV教程之CSS教程:padding属性界说边内补白

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

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

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

x
另外如果你不是javascrput的高手,你可以不必去写ID,只用class就可以。当客户端程序员写完程序,需要调整时候,你可以在利用他的ID进行控制。
网页制造poluoluo文章简介:CSS教程:padding属性界说边内补白.
边框的内里能够有一层边内补白(padding),边内补白界说了边框与边框内里内容的间隔.
边内补白分为上边内补白(top),下边内补白(bottom),右边内补白(left),右侧内补白(right).
边内补白只要width一种属性.
相干教程:CSS教程:margin属性界说边外补白
padding--界说边内补白
取值:<padding-width>{1,4}|inherit
<padding-width>{1,4}:边内补白宽度
inherit:承继
初始值:0
承继性:否
合用于:一切元素,,除table-row-group,table-header-group,table-footer-group,table-row,table-column-group和table-column
padding:边内补白
padding-width的取值
<length>:长度暗示法
<percentage>:百分比暗示法,padding百分比的盘算是基于天生的框的包括块的宽度.
auto:主动
提醒:padding边内补白不成以取负值;边内补白是看不到的,由于它自己是通明的.
示例
为padding-width指定一个值
padding:padding-top/padding-right/padding-bottom/padding-left;
p#onepaddings
{
padding:12px;
}
一切边内补白全体为12px
等价于上面的界说
p#onepaddings
{
padding-top-width:12px;
padding-right-width:12px;
padding-bottom-width:12px;
padding-left-width:12px;
}
为padding-width指定两个值
padding:padding-top/padding-bottompadding-right/padding-left;
p#threepaddings
{
padding:12px5%;
}
高低边内补白是12px,摆布边内补白是5%(相对全部页面).
等价于上面的界说
p#threepaddings
{
padding-top-width:12px;
padding-right-width:5%;
padding-bottom-width:12px;
padding-left-width:5%;
}
为padding-width指定三个值
padding:padding-toppadding-right/padding-leftpadding-bottom;
p#threepaddings
{
padding:12px5%0;
}
上边内补白是12px,摆布边内补白是5%(相对全部页面),下边内补白是0.
等价于上面的界说
p#twopaddings
{
padding-top-width:12px;
padding-right-width:5%;
padding-bottom-width:0;
padding-left-width:5%;
}
为padding-width指定四个值
padding:padding-toppadding-rightpadding-bottompadding-left;
p#fourpaddings
{
padding:12px5%-12pxauto;
}
上边内补白是12px,右侧内补白是5%(相对全部页面),下边内补白是-12px,右边内补白将依据扫瞄器主动调剂.
假如padding属性前面跟从四个值,那末值的分派按次是从下面入手下手以顺时针扭转分派.
等价于上面的界说
p#fourpaddings
{
padding-top-width:12px;
padding-right-width:5%;
padding-bottom-width:-12px;
padding-left-width:auto;
}

网上冲浪无论你用InternetExplorer还是NetscapeNavigator,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。
飘灵儿 该用户已被删除
沙发
发表于 2015-1-17 23:43:43 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
再现理想 该用户已被删除
板凳
发表于 2015-1-21 19:14:16 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
小女巫 该用户已被删除
地板
 楼主| 发表于 2015-1-30 21:55:24 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
海妖 该用户已被删除
5#
发表于 2015-2-6 16:18:16 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
莫相离 该用户已被删除
6#
发表于 2015-2-17 06:45:42 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
不帅 该用户已被删除
7#
发表于 2015-3-5 17:18:11 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
透明 该用户已被删除
8#
发表于 2015-3-12 11:35:44 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
只想知道 该用户已被删除
9#
发表于 2015-3-19 21:54:08 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-23 14:08

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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