06 2022 档案

vertical-align 注意是行内元素垂直方向上的 对齐方式 区别于块元素垂直方向的对齐
摘要：行内和行内块元素默认的垂直方向对齐方式是基于基线对齐，在一个盒子里放一张图片加上边框即可看出，底部有空白，就是基线对齐造成的 设置基线对齐方式为底部后就可以了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta h 阅读全文
posted @ 2022-06-19 09:24 欧阳天天 阅读(61) 评论(0) 推荐(0)
base target="_blank" 页面链接全部使用新窗口打开
摘要：不用在每个超链接a设置target=_blank head直接加入即可 <meta charset="UTF-8"> <base target="_blank" /> 阅读全文
posted @ 2022-06-14 08:38 欧阳天天 阅读(56) 评论(0) 推荐(0)
first-child last-child nth-child() 结构伪类选择器
摘要：e:first-child , e:nth-child就是选择第几个e的意思 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="I 阅读全文
posted @ 2022-06-13 23:08 欧阳天天 阅读(49) 评论(0) 推荐(0)
取消input表单轮廓线 outline鼠标选中输入框后的边框线
摘要：input输入框在鼠标选中时边框会变化 就是外边框outline 设置outline:0;或者outline:none;即可取消 <!DOCTYPE html> <html lang="zn-cn"> <head> <meta charset="UTF-8"> <meta http-equiv="X 阅读全文
posted @ 2022-06-13 15:56 欧阳天天 阅读(686) 评论(0) 推荐(0)
box-sizing: border-box
摘要：直接设置盒子整体大小包含边框在内 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="v 阅读全文
posted @ 2022-06-12 11:03 欧阳天天 阅读(80) 评论(0) 推荐(0)
z-index仅能在定位元素上有效
摘要：mrgin负值运用，解决产品列表盒子边框合并问题，同时鼠标指上后改变边框状态 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="I 阅读全文
posted @ 2022-06-12 09:34 欧阳天天 阅读(47) 评论(0) 推荐(0)