摘要：
有一些情况下表格是非常的长的， 这时就需要将表格分为三个部分，表头，表格的主体，表格底部 在HTML中为我们提供了三个标签： thead 表头 tbody 表格主体 tfoot 表格底部 这三个标签的作用，就来区分表格的不同的部分，他们都是table的子标签， 都需要直接写到table中，tr需要写 阅读全文
posted @ 2021-07-02 19:33
leiyanting
阅读(142)
评论(0)
推荐(0)
摘要：
* table和td边框之间默认有一个距离 * 通过border-spacing属性可以设置这个距离 * border-collapse可以用来设置表格的边框合并 * 如果设置了边框合并，则border-spacing自动失效 <!DOCTYPE html> <html> <head> <meta 阅读全文
posted @ 2021-07-02 19:01
leiyanting
阅读(48)
评论(0)
推荐(0)
摘要：
表格在日常生活中使用的非常的多，比如excel就是专门用来创建表格的工具， 表格就是用来表示一些格式化的数据的，比如：课程表、银行对账单 在网页中也可以来创建出不同的表格。 在HTML中，使用table标签来创建一个表格 在table标签中使用tr来表示表格中的一行，有几行就有几个tr 在tr中需要 阅读全文
posted @ 2021-07-02 15:59
leiyanting
阅读(154)
评论(0)
推荐(0)
摘要：
* 做完功能以后，发现在第一次切换图片时，会发现图片有一个非常快的闪烁， * 这个闪烁会造成一次不佳的用户体验。 * 产生问题的原因： * 背景图片是以外部资源的形式加载进网页的，浏览器每加载一个外部资源就需要单独的发送一次请求， * 但是我们外部资源并不是同时加载，浏览器会在资源被使用才去加载资源 阅读全文
posted @ 2021-07-02 15:21
leiyanting
阅读(130)
评论(0)
推荐(0)
摘要：
* 使用background-image来设置背景图片 * - 语法：background-image:url(相对路径); * * - 如果背景图片大于元素，默认会显示图片的左上角 * - 如果背景图片和元素一样大，则会将背景图片全部显示 * - 如果背景图片小于元素大小，则会默认将背景图片平铺以 阅读全文
posted @ 2021-07-02 14:46
leiyanting
阅读(508)
评论(0)
推荐(0)
摘要：
* 如果定位元素的层级是一样，则下边的元素会盖住上边的 * 通过z-index属性可以用来设置元素的层级 * 可以为z-index指定一个正整数作为值，该值将会作为当前元素的层级 * 层级越高，越优先显示 * * 对于没有开启定位的元素不能使用z-index **** 父元素不管层级多高都不能盖住子 阅读全文
posted @ 2021-07-02 13:24
leiyanting
阅读(249)
评论(0)
推荐(0)
摘要：
* 当元素的position属性设置fixed时，则开启了元素的固定定位 * 固定定位也是一种绝对定位，它的大部分特点都和绝对定位一样 * 不同的是： * 固定定位永远都会相对于浏览器窗口进行定位 * 固定定位会固定在浏览器窗口某个位置，不会随滚动条滚动 * * IE6不支持固定定位 <!DOCTY 阅读全文
posted @ 2021-07-02 13:06
leiyanting
阅读(836)
评论(0)
推荐(0)
浙公网安备 33010602011771号