CSS
樱桃小丸犊子吖
“落日弥漫的橘,天边透亮的星”
展开
-
CSS超全总结(超多干货)
CSS三大特性—— 继承、 优先级和层叠继承:即子类元素继承父类的样式;优先级:是指不同类别样式的权重比较;层叠:是说当数量相同时,通过层叠(后者覆盖前者)的样式。链接:https://segmentfault.com/a/1190000014833437?utm_source=sf-related选择器与优先级###一、元素选择符通配选择符(*):选择所有元素类型选择符(E):以文档对象类型作为选择符id选择符(E#id):以唯一标识符id属性等于id的E对象作为选择符cla原创 2020-08-15 23:08:12 · 425 阅读 · 0 评论 -
浅谈CSS重绘和回流(重排)—— 如何减少重绘和回流(重排)
浏览器的渲染过程解析HTML,构建DOM树解析CSS,生成CSS规则树合并DOM树和CSS规则,生成render树布局render树(Layout/reflow),负责各元素尺寸、位置的计算绘制render树(paint),绘制页面像素信息浏览器会将各层的信息发送给GPU,GPU会将各层合成(composite),显示在屏幕上基本概念重绘:当页面...原创 2020-04-10 14:23:31 · 4651 阅读 · 2 评论 -
CSS清除浮动的几种方法
清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度塌陷的问题1.额外标签法:使用clear:both清除浮动 在浮动元素后面使用一个空的自身清除浮动的元素,即在最后一个浮动标签后,新加一个标签,给其设置clear:both;<!--清除浮动样式--><div style="clear: both"></div> 其优点是简单,方便兼...原创 2019-12-07 17:07:19 · 192 阅读 · 1 评论 -
CSS选择器及其优先级
文章目录css选择器种类css样式优先级规则css优先级不同级别同一级别css选择器种类通用选择器:*id选择器:#header{}class选择器:.header{}元素选择器:body,div,p,ul,li子选择器:ul > li{}后代选择器:div p{}群组选择器: div,span{color:red} 即具有相同样式的标签分组显示伪类选择器::hover...原创 2019-12-07 15:21:08 · 260 阅读 · 0 评论 -
元素垂直&水平居中
元素居中是一个老生常谈的问题了,这一次就好好的做一个总结吧:行内元素、块级元素、定宽定高不定宽不定高元素之间等等,其垂直水平居中 先从简单的入手吧~~如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。<style> .txtCenter { text-align: center; }...原创 2019-12-07 11:09:21 · 230 阅读 · 2 评论 -
常见的使用 JS 来动态操作 css方法,你应该了解这些
直接在.style对象上设置样式属性将需要使用驼峰式命名作为属性键,而不使用短横线命名;如果需要设置更多的内联样式属性,则可以通过设置.style.cssText属性,以更加高效的方式进行设置 。const el = document.createElement('div')el.style.backgroundColor = 'red'// 或者 el.style.cssText ...原创 2019-12-04 19:45:44 · 134 阅读 · 0 评论 -
CSS3制作各种形状图像
本文参考自:https://jingyan.baidu.com/article/e52e36154226ef40c70c5148.html本文主要展示了从圆形-椭圆形-三角形-倒三角形=左三角形-右三角形-菱形-平行四边形- 星形-六角星形-五边形-六边形-八角形-心形-蛋形-无穷符号-消息提示框代码,望补充。1.制作圆形:圆形在设置CSS时要设置宽度和高度相等,然后设置border-...原创 2018-11-15 17:46:01 · 305 阅读 · 1 评论 -
如何修改chrome记住密码后自动填充表单的黄色背景 ?
如何修改chrome记住密码后自动填充表单的黄色背景 ?原创 2019-09-25 19:59:53 · 158 阅读 · 0 评论