10-padding(内边距)
2024-09-23 10:44:13
padding
padding:就是内边距的意思,它是边框到内容之间的距离
另外padding的区域是有背景颜色的。并且背景颜色和内容的颜色一样。也就是说background-color这个属性将填充所有的border以内的区域
padding的设置
padding有四个方向,分别描述4个方向的padding。
描述的方法有两种
1、写小属性,分别设置不同方向的padding
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
2、写综合属性,用空格隔开
/*上 右 下 左*/
padding: 20px 30px 40px 50px ; /*上 左右 下*/
padding: 20px 30px 40px; /* 上下 左右*/
padding: 20px 30px; /*上下左右*/
padding: 20px;
一些标签默认有padding
比如ul标签,有默认的padding-left值。
那么我们一般在做站的时候,是要清除页面标签中默认的padding和margin。以便于我们更好的去调整元素的位置。
我们现在初学可以使用通配符选择器
*{
padding:0;
margin:0;
}
But,这种方法效率不高。
所以我们要使用并集选择器来选中页面中应有的标签(不同背,因为有人已经给咱们写好了这些清除默认的样式表,reset.css)
https://meyerweb.com/eric/tools/css/reset/
最新文章
- SVM经典论文
- jquery 提交From表单
- 电脑网线/水晶头的连接方法(A类,B类)
- ubuntu 制作deb 包
- phalcon: plugin 结合Manager事件管理、dispatcher调度控制器 监听sql日志记录或其他拦截出来
- MIME协议
- protocol buffer使用简介
- PowerMockito使用详解(转)
- MySql处理数据库和表
- easyui 动态渲染
- CI 结合 vue.js 的搜索功能模块
- css - 移动端reset汇总与注释
- MySQL - 查看慢SQL
- centos6.5kvm虚拟化技术
- spring上下文快速获取方法
- 使用jstl报错:According to TLD or attribute directive in tag file, attribute value does not accept any expressions
- java 数据脱敏
- 02.MyBatis配置文件详解
- js:自动亮起100盏灯
- layui更新表格单元格数据口,更新单元格的内容
热门文章
- Head First Servlets &; JSP 学习笔记 第三章 —— MVC迷你教程
- maven工程的拆分与聚合
- [z]一个SQL语句分清楚RANK(),DENSE_RANK(),ROW_NUMBER()三个排序的不同
- Linux locales
- Eigen解线性方程组
- 团队作业之Rookie also want to fly
- hdu 1686 &; poj 2406 &; poj 2752 (KMP入门三弹连发)
- 同一个线程多次调用start()会出现的问题
- How to program BMW KOMBI and NBTwith ENET E sys cable ICOM A2
- .net序列化