00:00
好,那这个表格做完之后发现和我们想象中的表格不太一样,哎,又丑吧,还没有太明显的感觉,因为呢,我们想象中的表格应该是这个样子,是不是有边框呀,哎,看起来呢,字呢,还有个小距离会更好看,那你想要设置成这种效果没问题,我们可以做,那这个就用到我们的表格属性了,好,那么我们给大家讲解一下我们常见的表格属性,当我们学了CSS呢,再和大家一块。起结合使用好,那我们看一下呢,这个我们怎么来做啊,首先呢,我们这是我们刚才做的啊,我ctrl shift加S或者是文件菜单里面有一个叫做另存为的,哎,这个命令另保存一份,这个呢我们就叫做零二,哎,我们叫做表格属性,我在这个基础上继续去给它扩展。OK,那么创建好之后呢,我们想在表格里面可以添加什么属性呢?哎,我们前面讲过,要想给某一个标签添加属性,是不是在开始标签内部去写啊,然后呢,是至少包含一个空格,是属性是要写到标签名字的后面,要在推广后面写才可以啊,先写一个我们前面已经认识的叫做什么呢?Borderder,还记得borderder吗?是不是指的我们的表格边框呀?OK,我先给一个啊,好,然后呢,Bo border等于一,那就是一像素的一个边框。
01:21
哎,这个呢,是不是就是borderer是等于一,是不是一像素边框的意思啊好,打开完之后,哎,我们幺零起开一个页面。浏览器中打开好,稍等片刻哦,最起码是不是能够看到这个表格的外形了,没有问题啊,可以来改好的,那这样表格我们已经能够看到边框看起来,诶,确实是一个什么呀,四行三列的一个表格了,改完之后再有一个,诶这个表格是不是有点太紧凑了,能不能稍微的宽一点高一点呢?某问题呀,某问题,那么我们看里面是不是有位和head可以设置表格的宽度和高度啊,这个跟图片是一样的,好,那么我们输了。属性是不是继续在后面写,敲一个空格啊,保留一个空格,那么就是V等于多少呢?我等于一个500就行了,那这样的话,我们的表格有了一个500像素的边框啊,500像素的宽改完之后哦,果然这个表是不是已经变得很大了,然后呢,我们再给一个什么呀,高度,那高度也是可以来设置的,同样道理,在后面再敲一个空比HTOK,那等于多少?比如说我们等于一个高度呢?我等于一个200,那这样是给了一个高,好给完之后呢,我们刷新一遍走,那这样的话,这个表格大概的外形我们就能看见了,这是我们表格的什么呀,宽和高,OK,那除了这个属性之外呢,还有什么属性呢?哎,在这里面的话,我们先看一看啊,先看一个比较,我们从来没有接触过的,这个叫做alarm。
02:42
叫做设置表格在网页中水平的对齐方式,记住水平能明白吗?就是沿着X轴这么水平来移动的啊,好,Line就是说这起,那它呢有三个值,这三个值我相信同学们也能够认出来,Left是左,Right是右,Center是中,中间的中,OK,那么有三个值,那我想它默认的是不是在左侧,也可以到右侧,还可以到中间,比如说在后面直接写一个什么呀,Line等于right,就是右对起的意思,好,改完之后呢,我们刷新一遍,走一个是不是确实跑到右边来了,但是那个也不想要,我们想让它在页面的最中间,那就只需要轻轻的把right改成什么样。
03:24
Center是不是叫居中对齐可以了,OK,这个改完之后呢,我们刷新走一个怎么样子,这个表格就可以在我浏览器中居中对齐了,这是说到这个属性,OK,那这个属性讲完毕之后呢,还有两个属性需要我们额外注意一点,就是这两个属性。叫做sell speakinging和我们的sell pending OK,那么我们分别来看一下这两个单词代表的什么意思啊,其中在这里面的话,我们有一个叫做sell speakingcing,好,那sales speakinging在这这里面是设置单元格与单元格进行的距离,那你看姓名和年龄中间这两个单元格,我们刚才演示过这个是不是一个单元格呀,你看这个是一个单元格,这个是不是也是一个单元格,单元格和单元格之间的距离是不是通过cell speakinging来控制的呀?OK,那我就可以来给他改一个啊,太好了,我们现在的啊,我们现在的姓名和年龄中间是不是确实有个小缝隙啊,但是距离还是比较小的,我想让它大一点是可以调的,那就是我们用cellb形,OK,在这里面去,我给一个十注意看变化,这个CB型是不是控制单元格和单元格之间距离的,控制姓名和年龄之间距离的,然后我首先走一个,那你会发现是不是他们距离是不是确实变大了,好,如果你觉得还不够大,我再给你推他更狠一点啊,男人嘛,要对自己狠一点。
04:42
来走一个,是不是你会发现会更大了,这叫self speaking,它是控制这个这个这个这个每一个单元格是不是距离四周的一个距离啊,叫外宾距啊,外边距是单元格和单元格之间的距离的,OK,只不过这么看起来是还是比较丑的,一般情况下我们都是什么呢?零,我们不要它有距离,好,不要让它有距离就就做出我们想要的效果了,那你要的是不就是这样的一个表格吗?
05:08
哎,也就是说让单元格单元格没有距离,就是让我们的cell be形式置为零就行了,OK,还有一个呢,叫做我们的什么呢?哎,在这里面叫cell pading cell padding是控制单元格内容与单元格边框之间距离的,什么意思呢?你看这有个女女这个字,距离我这个这个单元格这个边框是不是还有个小距离呀,这个呢,我们称之为cell pading。再判定啊,内部距离OK,那你看看我们这个什么样子的,哎,是不是也会中间会有一个一像素的距离呀,姓名和他,但是还比较紧啊,比较紧,太小气了,你干嘛点的这么紧呢?这个时候呢,我们就可以再给它加一句话,OK,叫做sell padding OK这个呢,我给个十,我先给大一点,你看看字的变化啊,那3PA定是控制字和边框的距离的,注意我的变化啊,我按F5键刷新走一个,那你会发现字和这个边是不是有十像素的距离了,会更远了一点,如果你想更大一点,就继续调大,调整到20就行了,好改完B之后呢,我们再给刷新,OK,这样的话是不是距离会更远一点,现在看起来比刚才是不是稍微的漂亮那么一点点了。
06:13
那这个呢,是给大家介绍的表格属性,好我们简单来总结一下啊,简单总结一下我们的表格属性分别有这么几个,第一个呢,我们称之为borderer,就是表格的边框,哎,它里面呢,跟上一个border等于几,那border等于几,这就是几像素的意思啊,OK,好了,那么with和height,这个我们前面都学过,就是宽和高,那你给这个表格呢,一个宽和高,我们经常让我们的表格在页面中居中显示,那居中显示我们用的哪一个单词,用的是line等于center,是水平居中对齐的意思,OK,看一下line等于center,可以水平居中对齐,然后呢,我们又学了两组,这是到。学到如今为止我们学的最长的两个单词了。把它拿下啊,两个单词,一个叫做sell spacing sell spacing是什么嘞?Sell spacing是设置单元格和单元格之间距离的,OK,那也就是说就它呗,单元格和单元格之间距离,Sell speaking是控制它的距离,还有一个叫cell pading cell pading是控制字和我单元格边框之间距离的那。
07:17
宽度和高度是这个样子,好,那这是我们讲的这个表格几个属性。
我来说两句