![](https://img-blog.csdnimg.cn/20191203125937923.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
CSS,层叠样式表。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
邬羽
会写一点点代码。
展开
-
CSS:条件hack
hack与hasLayout的区别hack是针对IE不同版本的兼容方法hasLayout是针对IE浏览器特头的属性,为了兼容IE与不同浏览器之间的样式方法hackCSS hack是一种特殊的代码,这段代码只在某些浏览器中可以识别,而其他浏览器不能识别,通过这种方式,来为一些浏览器设置特殊的代码条件hack值对IE浏览器有效,其他的浏览器都会将它识别为注释,IE10及以上的浏览器已经不支持这种方式css的hack<!--[if IE 8]> <p>只有通过原创 2021-02-02 10:17:00 · 398 阅读 · 0 评论 -
CSS:解决文本溢出/自动换行/文字两端对齐
1 单行文本溢出.text{ width: 100px;//宽度要定义好 overflow: hidden;//溢出隐藏 text-overflow: ellipsis;//显示省略符号来代表被修剪的文本。 white-space: nowrap;//文字不换行}2 多行文本溢出.text-more{ width: 100px; o...原创 2019-01-15 09:46:27 · 21127 阅读 · 0 评论 -
CSS——几种万能居中的方法
calc()通过定位将元素更改为为inline-block元素后水平居中将元素更改为block元素后水平居中利用flex布局进行垂直居中比如说在网页中想要一个宽高分别为300px,200px的div盒子(.box)水平/垂直居中。可以通过以下几种方法实现~calc() .box{ position: fixed; top:calc(50% ...原创 2019-02-22 00:20:30 · 1084 阅读 · 0 评论 -
浅谈Normalize.css
综述Normalize.css vs Reset.css安装、下载综述Normalize.css是一种CSS reset的替代方案。经过@necolas和@jon neal花了几百个小时来努力研究不同浏览器的默认样式的差异,这个项目终于变成了现在这样。我们创造normalize.css有下几个目的:保护有用的浏览器默认样式而不是完全去掉它们一般化的样式:为大部分HTML元素提供修复浏...转载 2019-02-20 16:47:48 · 958 阅读 · 0 评论 -
CSS——浅谈Flexbox是如何工作的
flexbox 的潜在原则是使得布局更加灵活和直观。文章目录属性1:display: flex属性2:flex-direction属性3:justify-content属性4:align-items属性5:align-self最后属性1:display: flex在一个灰色背景的容器div里面,有四个颜色不同、尺寸不同的子div,此时每个div有默认的display: block,每一个的...原创 2019-03-04 14:10:19 · 134 阅读 · 0 评论