![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
夜轩14
这个作者很懒,什么都没留下…
展开
-
按钮文字间隔居中
两个文字居中使用:first-letter<style>.button{width:100px;height:44px;text-align:center;line-height:44px;}.button:first-letter{margin-right:20px;}<style><button class="button">按钮<button>注 关于:first-letter,简单来说需求某元素第一行的第一个字符多原创 2022-02-17 16:52:08 · 785 阅读 · 0 评论 -
开发各种坑,注意点
1、函数取名的时候,尽量不要与js的属性或者事件重名,否则可能出现问题,最近出现一个问题,函数名为attchEvent,在引入百度的流量的统计的时候,这个函数会执行7次,原因没有找出来,但是测试的结果是这样的,在此如果哪位大神知道原因,可以回复下,谢谢!!!!2、移动端的问题,在移动端使用rem开发,但是在安卓机中,如果rem的值太小最终换算成px的太小,就会造成效果不显示,此时就需要调整3、...原创 2019-09-27 18:13:52 · 114 阅读 · 0 评论 -
关于布局的总结
今天看到css布局,特此研究了一下圣杯布局与双飞翼布局,因为这两种方式主要针对三栏布局,因此在与flex布局比较,做一下总结:圣杯布局主要用到的知识点有浮动、相对定位、margin负值,不用添加额外标签代码&lt;div class="header"&gt;header&lt;/div&gt;&lt;div class="contanier"&原创 2019-03-05 19:15:05 · 266 阅读 · 0 评论 -
关于-webkit-focus-ring-color
a:hover,a:focus { color: #2a6496; text-decoration: underline;}a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}所以,当鼠标悬停在链接上,或者点击过...原创 2018-10-19 11:56:21 · 3562 阅读 · 1 评论 -
CSS3四个自适应关键字——fill-available、max-content、min-content、fit-conten
前面的话 一般地,有两种自适应:撑满空闲空间与收缩到内容尺寸。CSS3将这两种情况分别定义为’fill-availabel’和’fit-content’。除此之外 ,还新增了更细粒度的’min-content’和’max-content’。这四个关键字可用于设置宽高属性。本文将详细介绍CSS3中的这四个自适应关键字 [注意]IE浏览器不支持,webkit内核浏览器需添加-webkit-前...转载 2018-08-08 10:20:02 · 978 阅读 · 0 评论