CSS
文章平均质量分 73
CSS知识点总结
Baker-Chen
一个不甘平庸的平凡人、22年度博客之星前端TOP4、华为云享专家、阿里云专家博主、51CTO博客TOP红人。前端之行,任重道远!
展开
-
CSS 写个清除浮动,怎么还蹦出个 hasLayout? *zoom?
前端开发中,清除浮动是一种很常见的操作,但是您真正了解广为使用的清除浮动的方案吗?是否会对 *zoom、hasLayout 感到陌生?快进来打破疑问,丰富自己吧!原创 2023-08-14 18:47:47 · 585 阅读 · 51 评论 -
对齐控制大作战:align-content 和 align-items,到底谁才是真正的垂直大将?
对于经常混用 Flex 和 Grid 这两种布局的小伙伴们来说,可能都会出现将 align-content 和 align-item 搞混的情况,即使您从未搞混过它们,您也可能对它们之间的区别和联系一知半解,本文就让我们一起捋清楚它们的区别和联系吧!原创 2023-08-07 11:22:11 · 1260 阅读 · 83 评论 -
CSS——initial(默认)关键字和inherit(继承)关键字
这里写目录标题一、initial关键字二、inherit关键字一、initial关键字initial 关键字用于设置 CSS 属性为它的默认值。initial 关键字可用于任何 HTML 元素上的任何 CSS 属性。div {color: red; }h1 {color: initial; }<div><h1>Initial</h1><p>DIV 元素内的标题和文本的 color 属性被设置为 "red"。标题元素的 color 属性被原创 2021-11-24 16:44:13 · 849 阅读 · 0 评论 -
css毛玻璃效果—附:子盒子背景跟随父盒子背景
今天写了一个毛玻璃效果的网页,再次进行总结:HTML: <div class="whole"> <div class="login"> <div class="glass"></div> <div class="login-content"></div> </div> </div>CSS://最外层父盒子用来作为全屏背景.whole { backgro原创 2021-09-03 17:23:41 · 873 阅读 · 0 评论 -
对于文字设置超出部分隐藏
1. 设置单行文字超出部分隐藏P{ overflow: hidden; /* 超出一行文字自动隐藏 */ text-overflow: ellipsis; /*文字隐藏后添加省略号*/ white-space: nowrap; /*强制不换行*/ }2. 设置多行文字超出部分隐藏 P { display: -webkit-box; overflow: hidden原创 2021-08-05 17:58:44 · 4552 阅读 · 0 评论 -
被遗忘的css,html知识点,在此强化记忆
在连接中加入属性:target="_blank",可使点击连接后在新窗口打开属性选择器:[class^="col"] { border:1px solid #cc;}表示给具有col开头标签的元素加1px #cc色的边框原创 2021-06-05 22:20:28 · 277 阅读 · 0 评论