深圳易捷网络科技财税咨询网-neatmaster518.com 返回首页

网站制作过程中padding属性详解科技

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2024/11/8
你对CSS padding属性的概念和用法是否熟悉,这里和大家分享一下,CSS padding属性定义元素的内边距。
CSS padding属性
CSS padding属性定义元素的内边距。padding属性接受长度值或百分比值,但不允许使用负值。
例如,如果您希望所有h1元素的各边都有10像素的内边距,只需要这样:
h1{padding:10px;}您还可以按照上、右、下、左的顺序分别设置各边的内边距,各边均可以使用不同的单位或百分比值:
Padding属性用于定义元素的填充属性.可以设置填充距离.可以直接输入数值定义填充距离,也可以设auto为自动距离。需要注意的是,在设置padding值后一定要将该DIV趁的原width和heignt值减去相应设置里的padding值。
padding属性定义可以采用简写的形式。padding属性的简写在默认状态下需要提供4个参数值。按顺序分别为上、右、下、左。
如果元素上和下填充的是相同的值,左和右填充的是相同的值,则可以使用两个参数值定义.分别表示上下和左右。
padding 简写属性在一个声明中设置所有内边距属性。
网站制作过程中padding属性详解
这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。
注释:不允许使用负值。
例子 1
padding:10px 5px 15px 20px;上内边距是 10px
右内边距是 5px
下内边距是 15px
左内边距是 20px
例子 2
padding:10px 5px 15px;上内边距是 10px
右内边距和左内边距是 5px
下内边距是 15px
例子 3
padding:10px 5px;上内边距和下内边距是 10px
右内边距和左内边距是 5px
例子 4
padding:10px;所有 4 个内边距都是 10px
设现在设置一个padding值,这个值在FF、IE8、IE6中都不一样
首先考虑的是FF下的值
.test{padding:10px}
接着考虑IE8下的值
.test{padding:10px;*padding:9px}
最后考虑IE6下的值
.test{padding:10px;*padding:9px;_padding:8px}
这样就可以了。
做兼容性时,最先考虑FF、opera这些浏览器,最后考虑IE6。
拿上例来说,IE8、IE6都可识别*,但FF不能识别。
所以拿*来做IE8的Hack,而_在FF和IE8中都不识别,只有IE6能识别,所以用_做IE6的Hack

相关行业资讯

1、网站优化前期的网站诊断有哪些基本流程
2、纯文本链接在网站优化中的作用
3、网站优化:网站栏目及网站图片的优化技巧
4、分析网站制作中常见的问题及解决方案
5、实战网络推广,必备的八大策划手段
6、网站制作推荐功能之干货
7、企业网站设计条理与反复
8、商城网站需要具备的特点
9、如何做好网站关键词定位和关键词分析
10、去电脑培训班需要学习哪些科目
11、SEO优化能让你的网站成为目标网站
12、想学好seo优化需要学习哪些课程
13、网站到底该如何制作
14、企业网站设计计算机图像增强处理
15、网站标题设置需要注意什么
16、新网站一小时内被百度收录与三天日IP过100的方法
17、提升网站用户体验必须做好4个细节优化_网站运营
18、做SEM快速找到精准推广关键词的方法
19、做网站开发的详细流程解析是什么?
20、云浮网站建设完成后为什么百度不收录
21、网站制作不能忽视百度点评
22、 SiteServerCMS如何配置定制生成
23、怎样让网站设计的视觉效果更好
24、建设网站一定要明确自己的方向
25、手机网站建设从受众需求出发,关注细节设计
26、网站建设行业乱象根源在于灰色心态
27、我是如何将网站收录从1K做到1W的
28、企业建设网站要将目光投向远方
29、为什么你的网站没有受到搜索引擎的喜爱
30、如何巧用内外链提升网站权重
31、网站建设设计怎样有利于优化
32、连接目标群体和借助影响力营销提升SEO优化效果
33、一个合格的企业网站应该怎么做
34、无觅网络:加入SNS味道的推荐系统
35、说说企业营销型的网站建设有什么特点
36、做深圳网站建设的宝藏技巧!你不得不知!
37、推广优化策略利弊力量有限的现状缺陷_深圳网站建设公司
38、对现有站点的各项数据进行分析
39、网站建设你不可不知的提升用户体验的秘诀
40、7条建议都教你如何找友情链接的
41、网站建设有哪些是需要注意的
42、网站推广优化的具体含义是什么
43、网易邮箱大师实用技巧解析 高效的移动办公神器
44、专业网站制造-教您怎样做好网站
45、什么是私人做网站,可信吗
46、网页中图片编排方式有什么影响
47、网站打开速度慢的深层次原因分析
48、漳州企业网站怎么建设效果会更好
49、如何解决网站访问慢的问题
50、交互式网站的建设中应该注意哪些细节问题
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号