
CSS学习
小智爱学编程
一些简单知识点的记录,希望大家多多支持,多多关注,多多点赞,互相学习,共同进步
展开
-
自定义虚线
自定义虚线 用过渡的方法 width: 100%; height: 1px; //单个过渡过程 background-image: linear-gradient(to right, #ccc 0%, #ccc 50%, transparent 50%); //单个过渡宽度 background-size: 16px 1px; background-repeat: repeat-x; 效果原创 2022-04-28 13:58:24 · 235 阅读 · 0 评论 -
页面置灰样式
filter: grayscale(100%)原创 2021-12-13 18:19:26 · 468 阅读 · 0 评论 -
文字超过两行自动隐藏显示省略号
overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;原创 2021-09-15 17:11:54 · 115 阅读 · 0 评论 -
CSS3常见样式总结
设置弹性盒模型 box-sizing : border-box 注意 设置怪异模式之后,border不会把盒子撑大 设置怪异模式之后,padding不会把盒子撑大 限制textarea 禁止改变大小 resize : none; 设置外边线 outline-width : 2px;//设置外边框轮廓宽度 outline-style : solid;//设置外边框样式 transition : all 0.5s;//过渡效果 outline-offset : 30px;//设置外边框轮廓 outline-原创 2020-08-19 21:40:22 · 244 阅读 · 0 评论 -
CSS清除浮动的8大方法
CSS清除浮动的8大方法及使用环境 浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。为了解决浮动引起的问题有多种方法,但有些方法在浏览器兼容性方面还是有一些问题。 下面总结8种清除浮...原创 2020-02-25 23:39:32 · 103 阅读 · 0 评论 -
浏览器内核以及代表作品
Trident 代表作:IE 元老级内核之一,由微软开发,并于1997年10月首次在ie 4.0中使用,凭借其windows垄断优势,Trident市场占有率一直很高。然而垄断并非,没有竞争就没有进步,长期以往,Trident内核一度停滞不前,更新缓慢,甚至一度与W3C标准脱节。2011年,从ie 9开始,Trident开始支持HTML5和CSS 3,因此我们也经常会看到有些网站在浏览时...原创 2020-02-23 16:49:42 · 1635 阅读 · 0 评论 -
对BFC的深层理解及应用
一、什么是BFC呢? BFC 即 Block Formatting Contexts (块级格式化上下文) 自译: 如果BFC的盒子相当于985,211的高校,普通的盒子就是普通的大学原创 2020-02-23 14:01:16 · 279 阅读 · 2 评论