html + CSS学习笔记 1.padding关键字



1、CSS 功能margin:用于设置外边距;而padding用于设置内边距。

<table border = '1'>

<tr>

<td style='padding: 30px'>这个表格单元的每个边拥有相等的内边距。

</td>

</tr>

</table>

效果如图:

这里我们是为<td>.(单元格)设置的padding属性。那么它的内边距指的就是它与表格外边框的距离都是30px。注:(px是像素的意思)。
有的时候我们可以这样进行设置。<td style='padding: 20px 10px 3px 10px'>,此时设置的内边距则不相等。【注意:这四个内边距的值分别是上、右、下、左,要熟记哦!】
而又有的时候,我们又不需要每个边距都设置,只想设置其中一边。可以使用关键字:padding-top(上内边距)、padding-bottom(下内边距)、padding-left(左内边距)、padding-right(右内边距)。



HTML的主要功能是告诉浏览器,如何去显示一些内容

CSS主要功能是改变HTML元素的样式

JavaScript用来控制行为

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,685评论 32 459
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 5,870评论 0 6
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 8,567评论 0 5
  • 不知道有多少人和我一样经常想太多,想着与自己有关或无关的东西 上高中的时候是住宿,偶尔周末放假会坐公交车回家,从那...
    萝卜青菜我爱白菜阅读 1,943评论 0 0