xjh01的博客

在项目开发中，关于<table>标签的样式设置、布局一直让我很头痛，最好用的是cellpadding、cellspacing两个属性，但api里又说HTML5 不支持<table> cellpadding 属性。请使用 CSS 代替。今天无意间找到了一个说法，完全解决了这个问题cellspacing 和 cellpadding 是html标签的直接属性，不是css的样式属性。css的样式属性是table{border-spacing: 2px; /* 对应cells

在一个views目录中，创建了两个vue文件，用了同样的css样式命名规则，例如：class=“root”、class="header"这样。发现在第二个vue 文件里的样式，就没有生效。解决办法也很简单，就是添加上 scoped 属性...

在一些文字前需要一个logo，可以使用<img />实现，也可以在文字div上使用伪元素实现。经过搜索，以及逐条实验，可以用下面的代码实现&::before { width: ; height: ; background: url(...) no-peat; content: ''; /*内容就为空*/ display: inline-block;}设置这5条后，就能实现伪元素引用图片logo了...

在做开发时，发现右上角的头像处，如果有名字的话，字体无法调到12px以下。搜索以后得知，是chrome浏览器的设置，为了让人看得清楚，所以最小的字体大小就是12px解决办法是：在div里面套一个span，例如：<div class="xxx"><span>AAAA<span></div>在css的font-size下面，加一条-webkit-tranform: scale(0.8)，通过调整括号里的数字来调整字体大小...

在开发中遇到个问题，一个div背景是渐变色，但在div的右下角又需要叠加一张小尺寸的背景图。搜索后，解决方法如下：在 background-image 里通过 url 引用图片，再用逗号隔开，使用 linear-gradient添加渐变色用background-repeat设置背景图片重复的模式用background-position设置背景图片的位置...