CSS深入理解之padding_学习笔记

首页免费课 CSS深入理解之padding 笔记

CSS深入理解之padding

                
                张鑫旭
            页面重构设计

                    查看讲师更多课程 
                    张鑫旭讲师的其他课程
                
CSS深入理解之border
中级·56801
免费课程
                                
CSS深入理解之margin
中级·55944
免费课程
                                
CSS深入理解之z-index
中级·40882
免费课程
                                
CSS深入理解之relative
中级·47920
免费课程
                                
CSS深入理解之vertical-align
中级·39338
免费课程
                                
CSS深入理解之line-height
中级·43086
免费课程
                                
                难度中级
            
                时长30分
            
                学习人数
            
综合评分9.60
                            172人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.5
                                逻辑清晰

最热最新

Sandaydi 02:04

1、使用百分比单位构建固定比例布局结构
2、配合margin实现登高布局
margin-bottom: -600px; padding-bottom: 600px
3、两栏自适应布局：padding在子元素上

查看全部

0 采集收起来源：CSS padding与布局
2018-06-25
Sandaydi 02:08

padding实现白眼圈圈

查看全部

0 采集收起来源：CSS padding与图形绘制
2018-06-25
Sandaydi 01:02

padding实现三杠杆

查看全部

0 采集收起来源：CSS padding与图形绘制
2018-06-25
Sandaydi 07:08

button表单按钮padding
用label标签模拟button

查看全部

0 采集收起来源：CSS 标签元素的内置padding
2018-06-25
Sandaydi 05:54

button表单按钮padding

查看全部

0 采集收起来源：CSS 标签元素的内置padding
2018-06-25
Sandaydi 05:28

button表单按钮padding

查看全部

0 采集收起来源：CSS 标签元素的内置padding
2018-06-25
Sandaydi 04:59

button表单按钮padding

查看全部

0 采集收起来源：CSS 标签元素的内置padding
2018-06-25
Sandaydi 04:12

2、表单元素的内置padding

查看全部

0 采集收起来源：CSS 标签元素的内置padding
2018-06-25
Sandaydi 02:08

1、ol/ul列表

查看全部

0 采集收起来源：CSS 标签元素的内置padding
2018-06-25
Sandaydi 04:43

1、padding不支持任何形式的负值
2、padding百分比相对于宽度计算
3、inline水平元素的padding百分比值
    （1）同样相对于宽度计算
    （2）默认的高度宽度细节有差异（空inline元素+padding高宽不等）
    （3）padding会断行

查看全部

0 采集收起来源：CSS padding负值和百分比值
2018-06-25
Sandaydi 01:56

div{padding: 50%} --> 正方形
padding使用案例：

查看全部

0 采集收起来源：CSS padding负值和百分比值
2018-06-25
Sandaydi 08:02

利用此特性：

查看全部

0 采集收起来源：CSS padding与元素的尺寸
2018-06-25
Sandaydi 07:38

对于inline水平元素
水平padding影响尺寸，垂直padding不影响尺寸，但影响背景色（占据空间）

查看全部

0 采集收起来源：CSS padding与元素的尺寸
2018-06-25
Sandaydi 04:23

对于block水平元素： padding影响元素的尺寸
但是width:auto 或box-sizing为border-sizing为border-box时，padding不影响尺寸，除非padding大小超过了宽高的大小，padding则同样影响元素尺寸

查看全部

1 采集收起来源：CSS padding与元素的尺寸
2018-06-25
慕莱坞4810299 08:10

解决button兼容性差的方案： <label for="btn">按钮</label>

查看全部

0 采集收起来源：CSS 标签元素的内置padding
2018-05-18

首页上一页 2 3 4 5 6 7 8 下一页尾页

0/150

提交

取消

开始学习

课程须知: 本课程适合学习过CSS系列课程的同学，通过学习本课程来深入理解CSS中padding的属性和用法。0基础的同学可能看不懂哦！

老师告诉你能学到什么？: 了解padding与元素尺寸之间关系；了解padding负值和百分比值；标签元素的内置padding；利用padding和其他一些CSS来绘制图形； padding在布局这块一些比较好的应用。

微信扫码，参与3人拼团

热搜

最近搜索清空

CSS深入理解之padding