
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 · 861 阅读 · 0 评论 -
关于布局的总结
今天看到css布局,特此研究了一下圣杯布局与双飞翼布局,因为这两种方式主要针对三栏布局,因此在与flex布局比较,做一下总结:圣杯布局主要用到的知识点有浮动、相对定位、margin负值,不用添加额外标签代码&lt;div class="header"&gt;header&lt;/div&gt;&lt;div class="contanier"&原创 2019-03-05 19:15:05 · 298 阅读 · 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 · 3698 阅读 · 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 · 1110 阅读 · 0 评论