个人随笔
当前位置： 首页 CSS
Flex 布局语法教程
网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + 
 CSS  2021-08-24 17:01:19
CSS背景图片固定
CSS背景图片固定background-image: url(http://img.netbian.com/file/2019/0125/01a2990f9e6125fa93b01441aab2cc2e.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-attachment: fixed;
 CSS  2020-07-01 09:43:39
元素居中的三种方法(包括垂直居中和水平居中)
摘要：水平居中，垂直居中，display: table-cell;第一种方案：分别设置垂直居中和水平居中第二种方案：未知居中元素的尺寸的居中方案第三种方案：已知所要居中元素尺寸的居中方案当然图片的居中也差不多<html><head><style>.box2,.box3{float: left;}.box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cel...
 CSS  2020-05-19 23:15:16
css保证段落中的文本不换行：white-space: nowrap
有时候，想要段落中的文本不换行，可以加上如下属性：white-space: nowrap当然还有其他属性，如下：值描述normal默认。空白会被浏览器忽略。pre空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。nowrap文本不会换行，文本会在在同一行上继续，直到遇到标签为止。pre-wrap保留空白符序列，但是正常地进行换行。pre-line合并空白符序列，但是保留换...
 CSS  2020-04-07 23:24:01
设置了固定定位position: fixed;，没有设置top left
.container {position: fixed;height: 44px;width: 200px;background-color: #f30;}如果没有设置left、top属性的时候，会相对于父级元素进行定位，如果设置了left、top才会相对于窗口进行定位。可以相对父元素使用margin定位，且父元素的padding也是有用的，不同的是，该元素脱离了文档流。这个位置叫做 sta...
 CSS  2020-03-25 23:06:38
关于input在iOS下会变成圆角的解决办法
用input做搜索框，做完后发现在IOS上一直是圆角的，百度下发现在input加上下面的样式即可。-webkit-appearance:none;/*清除ios默认圆角*/border-radius:0;
 CSS  2019-08-21 23:51:28
给图片添加阴影
有时候，我们也没显示图片想要图片有阴影，立体感，其实很简单用如下属性即可：box-shadow: 0 0 5px #666;效果如下，可以查看随阅读：https://read.suibibk.com/
 CSS  2019-08-21 23:58:18
移动端左右移动会出现空白背景的解决办法
有时候，我们会在移动daunt遇到按住页面然后左右移动会看的到背景，这时只需要在对应的div上加上入如下样式即可：box-sizing: border-box;
 CSS  2019-07-20 23:04:43
超级有用的一个作废标签<xmp>
标签之间的内容不会被当作文档内容解析，而会被用等宽字体直接呈现。从HTML3.2开始反对使用本元素，同时它不再会在之后版本内被推荐使用。在HTML5规范内，本元素已经完全被移除。但是，基本上所有的浏览器都对该标签支持。也多亏了这个，我才可以解决问题。起初，我是页面异步加载显示内容，然后内容都直接innerText，所以页面不会解析js标签，然后我这边要变成同步加载，也就是不用js后台返回数据后直接
 CSS  2019-04-28 22:36:00
div设置padding后，不会把自己撑开的办法
有时候，我们会给div设置padding后，会发现div的大小比预期的大，仿佛被撑开了，这是因为盒子模型的原理，要解决这个问题，只需要添加如下属性即可。box-sizing:border-box;
 CSS  2019-04-19 21:51:29
首页<1/220>尾页
有疑问发邮件到 : suibibk@qq.com 侵权立删
Copyright : 个人随笔   备案号 : 粤ICP备18099399号-2