![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
璃月之天涯
调试的错误就是编程给你最好的东西,因为在每个错误上面都标志着前进的一步
展开
-
盒模型的兼容性(padding、border等)
最近开发碰到一个样式的兼容性问题。仔细察看了一下,发现是盒模型的兼容性问题,本地chroom和搭建的测试环境浏览器内核应该是不同的。众所周知,ie和标准盒模型是有着区别的,那么怎么改变盒模型的显示效果?答案是css3的box-sizing:其可以取三个值:1、值content-box这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。类似于标准盒模型2、border-box为元素设定的宽度和高度决定了元素的边框盒。就是说,为元素指定的原创 2022-01-11 11:50:03 · 270 阅读 · 0 评论 -
为网页标题加图标
使用link rel="shortcut icon"为网页标题加图标<title>会员卡券</title><link rel="shortcut icon" href="http://GT/img/favicon.png" type="image/x-icon">实现的效果就是这样:添加收藏夹也会有通过查询资料,网络上有两种写法:语句一:<link rel="shortcut icon" href="图片地址" />语句二:<link原创 2020-06-16 13:29:23 · 157 阅读 · 0 评论 -
CSS之未知高度img垂直居中
要实现的效果如下:水平居中可以是text-align:center;轻松实现,那么对于高度未定,自适应的图片来说,怎么垂直居中呢?方案如下:在img标签后边添加一个span标签,设置其显示方式为inline-block,高度为100%,vertical-align属性为middle;然后再给img标签页加上该vertical-align属性即可。...原创 2019-10-15 10:08:31 · 305 阅读 · 0 评论 -
纯CSS实现自适应正方形
有时候我们需要实现这种自适应不同手机屏幕的等宽正方形,如图:刚开始自己很困惑,宽可以计算,那么高怎么随着宽的变化而变化呢?后来查阅相关材料总结出两种方法:方案一:设置垂直方向的padding撑开容器在 CSS 盒模型中,一个比较容易被忽略的就是 margin, padding 的百分比数值计算。按照规定,margin, padding 的百分比数值是相对 父元素原创 2017-07-31 17:23:48 · 1103 阅读 · 0 评论 -
:first-child 的坑(first-child的伪类选择器不起作用)
比如下面的代码,刚开始不知为什么 :first-child的伪类选择器不起作用,而last-child却有作用 尊敬的用户您好,您的入职流程需要按照如下步骤进行操作,了解流程后即可前往填写相关信息 填写入职资料和身份信息 (包括身份证账号和照片等) 查看相关规章制度并确认 签劳动合同原创 2017-07-27 16:38:08 · 11054 阅读 · 0 评论