美文网首页
html + CSS学习笔记 1.padding关键字

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

作者: lain355 | 来源:发表于2017-07-19 09:14 被阅读0次


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用来控制行为

相关文章

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

    1、CSS 功能margin:用于设置外边距;而padding用于设置内边距。 这个表格单元的每个边拥有相等的内边...

  • CSS入门学习笔记

    CSS学习笔记 CSS= 层叠样式表 cascading style sheets HTML 表达结构 , CSS...

  • web前端笔记2:CSS入门

    学习和完成任务二的笔记任务二:零基础HTML及CSS编码(一) 学习的资料 MDN HTML入门 [MDN CSS...

  • 2018-01-04

    Web学习笔记--从最基础的开始 一、web前端开发语言: HTML、 CSS 、JavaScript HTML:...

  • 自学JavaScript之路前记

    HTML5+CSS3正在学习中,现在大一后续会记录HTML+CSS3的笔记。学习JavaScript是前端必学的语言。

  • js操作样式

    CSS HTML 笔记

  • 收集前端学习资料

    前端的一些学习资源 html和css代码规范 前端知识体系 前端网址大全 学习CSS布局 通用 CSS 笔记、建议...

  • #css 全称为“层叠样式表”

    css 全称为“层叠样式表” 声明,本文为学习慕课网HTML+CSS中CSS笔记http://www.imooc....

  • 语义化的HTML结构怎么理解

    相信大家都知道html和css,知道html结构和css表现分离,知道html语义化,这些都是这几年的热门关键字。...

  • Html 梳理

    Html 学习笔记 基本标签, 重点标签: , 几个mate标签的意思 字符集 html,css,js 的定位 ...

网友评论

      本文标题:html + CSS学习笔记 1.padding关键字

      本文链接:https://www.haomeiwen.com/subject/eaephxtx.html