表格与列表

 表格:

            1.table:定义表格。

                不设置宽度时,宽度被内容撑开;

                设置了宽度并且内部内容不设置宽度时,td会按照内容长度比例拉伸。

            2. caption:定义表格的标题。

                默认样式:

                    文本默认在表格的水平居中的位置。

           3. thead:定义表格的表头。

                可以省略,浏览器在解析的时候会自动添加。

           4. tr:定义表格的行。

           5. th:定义表头表格的单元格。

          6.  tbody:定义表格的主体部分。

                可以省略,浏览器在解析的时候会自动添加。

          7 td:定义标准的单元格。

          8.colspan:列合并,用于设置一个单元格占几列。

         9.rowspan:行合并,用于设置一个单元格占几行。

列表

            1.无序列表:常用导航栏。

                ul:定义无序列表。

                    默认样式:

                        上下有16px外边距,值会根据内容文本大小改变;

                        左内边距40px。

                li:列表中的项。

            注意:

                默认无序列表有"圆点",可通过css属性改变。

            2.有序列表:

                ol:定义有序列表。

                    默认样式:

                        上下有16px外边距,值会根据内容文本大小改变;

                        左内边距40px。

                li:列表中的项。

            注意:

                默认无序列表有"阿拉伯数字",可通过html属性改变。

                type:列表的类型:

                    值:

                        1:默认值,阿拉伯数字。

                        A:大写英文。

                        a:小写英文。

                        I:大写罗马数字。

                        i:小写罗马数字。

            3.自定义列表:常用在底部导航群。

                dl:定义自定义列表。

                    默认样式:

                        上下有16px外边距,值会根据内容文本大小改变。

                dt:定义列表的项。

                dd:定义列表项的描述。

                    默认样式:

                        左外边距40px。

            list-style: none:删除列表项的前缀。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值