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

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

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2024/12/22
你对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、企业网站优化注意这6点,用户体验达到极致
3、怎样减轻网站设计中的页面跳转
4、建企业网站应该怎样做前期的规划
5、影响网络营销的五大因素
6、互联网已回归商业本质:不再需要技术营销
7、社区里的三种人
8、打开你的眼界:网站内容和外链需向行业周边延伸
9、企业不得不网站制作的两大理由
10、企业网络推广营销是未来的发展趋势
11、网站seo优化导航主题布局
12、网站建设中使用长滚动页面设计有哪些好处
13、说说企业网站的建设以及重要性
14、哪些原因会导致网站过度优化
15、影响网站页面打开速度的四大因素
16、幼儿园移动网站如何制作
17、深圳网站制作浅析各地设计风格的区别
18、网站域名空间程序的选择
19、企业建站拥有独立服务器的好处是什么
20、网站制作需要遵守哪些方面的原则
21、如何处理无效页面提升网站价值
22、网站页面打开速度的决定因素
23、现在做网站设计都有哪些风格?
24、网站制作开发选择定制模式有哪些优势
25、如何做出一个成功的网站呢
26、网页UI设计规范、布局及提升用户体验设计(一)
27、对于B2B网站非常有用的优化方案
28、节能行业网站设计有哪些亮点
29、SEO优化不知道怎么做基本流程全在这里
30、网站制作需要学什么
31、想要提高网站排名就要先提升网站页面价值
32、王峰:创业路上艰辛多方向和坚持同样重
33、关于竞价推广常见几个问题分析
34、网站推广优化专员对seo的认知要结合实际
35、移动搜索流量增加后SEOER该何去何从
36、SEO:网站优化如何加快收录、提高收录量
37、网站建设浅谈网站添加优质的内容有什么作用
38、交换友情链接有哪些作用
39、中小企业找网站代运营有哪些好处?
40、如何通过优化企业网站建设凸显网站价值
41、博物馆网站建设都有那些设计风格
42、主流seo优化形式
43、怎么做404页面
44、SEO优化被挂隐形黑外链该如何解决
45、电商网站该如何避免过度优化
46、seo之外链及排名算法原理
47、网站定制也是营销的一种手段
48、网站优化如何挖掘长尾关键词
49、企业网站进行网络推广的最新技巧
50、seo新网站的优化是什么
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号