2018-04-10 9
这几天写前端专题，碰到个问题，input radio单选，在安卓手机浏览器和chrome上死活不显示,一片空白，当然也选择不了。网上查了很久，也没找到解决办法。于是直接用input 写了几个radio，显示正常。寻思着，肯定是css在作怪了，于是找了所有和input相关的css,终于找到了一句：
html
input,textarea,select{-webkit-appearance:none}
2018-08-26 4
最近做一个项目，碰到这样的需求，需要选取某个元素的倒数第几个标签元素，想让他显示不同的样式
1、first-child
first-child表示选择列表中的第一个标签。例如：li:first-child{background:#fff}
2、last-child
last-child表示选择列表中的最后一个标签，例如：li:last-child{background:#fff}
3、n
2018-09-29 3
css
marquee的基本语法： … ,与大多数HTML语法元素一样，它也是成双出现的，被修饰对象就放在起始符和终止符之间。而且它自己可以实现鼠标悬停的效果，下面解释一下各参数的含义：
align：是设定活动字幕的位置，除了居左、居中、居右三种位置外，又增加靠上（top）和靠下（bottom）两种位置。
Bgcolor：用于设定活动字幕的背景颜色，可以使用英文的单词也可以是十六进制数的。
2018-11-22 2
今天在做移动端的时候遇到了子元素继承父元素的透明度（opacity）的情况，下面贴出解决方法：
问题重现：
css
.opacity{background: #000；opacity：0.7}
这种写法就算给子元素opacity_child重新赋值opacity：1；他也同样会继承父元素opacity的值。
正确写法：
csshtml
.opacity{background: rgba(0,0,
2019-02-28 2
CSS3的transform:scale()可以实现按比例放大或者缩小功能。
CSS3的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。
效果如下图所示：
1、当未鼠标未放到图片上的效果：
![](https://cx.lmcjl.com/uploads/201902/
2020-08-28 2
切割图片这里不是真正的切割，只是用CSS取图片中的一部分而已，主要有两种方式，一是做为某一元素的背景图片，二是用img元素的属性。下面有个不错的示例，大家可以参考下
方法一：
用CSS中元素的background : background-color || background-image || background-repeat || background-attachment || bac
2020-10-11 2
html
标题内容
css
.title-5{font-size: 0; overflow: hidden; }
.title-5 span{position: relative;display: inline-block;vertical-align: top;max-width: 100%;font-size: 30px;color: #488e00;line-height: 6
2021-09-20 1
避免table的border重叠变粗，只需要对table的css设定
border-collapse:collapse;
可以解决
table嵌套,边框重叠变粗的解决方法
Table 单元格重叠变粗
2022-07-23 3
让input元素输入的文字距离左边框一定距离 （css属性：text-indent）
input 字体输入间距 css
想让input元素输入的文字距离左边框一定距离，可以使用CSS中的text-indent属性，对文本内容进行缩进。
text-indent 属性能定义一个块元素首行文本内容之前的缩进量。
input{text-indent:2rem;}//首行缩进
input{t