发表于: 2019-02-14 20:55:01

1 791


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 

table合并单元格colspan和rowspan

colspanrowspan这两个属性用于创建特殊的表格。

colspan是“column span(跨列)”的缩写。colspan属性用在td标签中,用来指定单元格横向跨越的列数

rowspan的作用是指定单元格纵向跨越的行数

table-layout定义和用法:

tableLayout 属性用来显示表格单元格、行、列的算法规则。

固定表格布局:

固定表格布局与自动表格布局相比,允许浏览器更快地对表格进行布局。

在固定表格布局中,水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距,而与单元格的内容无关。

通过使用固定表格布局,用户代理在接收到第一行后就可以显示表格。

自动表格布局:

在自动表格布局中,列的宽度是由列单元格中没有折行的最宽的内容设定的。

此算法有时会较慢,这是由于它需要在确定最终的布局之前访问表格中所有的内容。

说明

该属性指定了完成表布局时所用的布局算法。固定布局算法比较快,但是不太灵活,而自动算法比较慢,不过更能反映传统的 HTML 表。


::before和::after

::before和::after下特有的content,用于在css渲染中向元素逻辑上的头部或尾部添加内容。

::before和::after必须配合content属性来使用,content用来定义插入的内容,content必须有值,至少是空。默认情况下,伪类元素的display是默认值inline,可以通过设置display:block来改变其显示。

content可取以下值:

string

使用引号包一段字符串,将会向元素内容中添加字符串。

attr()

通过attr()调用当前元素的属性,比如将图片alt提示文字或者链接的href地址显示出来。

url()/yri()

用于引用媒体文件。

counter()

调用计数器,可以不使用列表元素实现序号功能。

配合counter-increment和counter-reset属性使用:



明天计划的事情:(一定要写非常细致的内容) 

继续完成任务

遇到的问题:(遇到什么困难,怎么解决的) 

暂无
收获:(通过今天的学习,学到了什么知识)

同今天完成的事情


返回列表 返回列表
评论

    分享到