![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
静安好
这个作者很懒,什么都没留下…
展开
-
提高你CSS开发效率的必备片段
1、页面重置/* reset */html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}header,footer,section,article,aside,nav,hgroup,address,figure,figcaptio转载 2020-12-06 13:17:11 · 104 阅读 · 0 评论 -
css基线与行高
1、基线、底线、顶线、中线注意:基线(base line)并不是汉字文字的下端沿,而是英文字母“x”的下端沿。2、vertical-align:设置元素的垂直对齐方式。如果行内含有图片和文字,在浏览器渲染出来后,读者可以发现文字和图片在垂直方向并不是沿中线居中,而是沿基线对齐。这是因为,元素默认的垂直对齐方式为基线对齐(vertical-align:baseline)。2.1、基线对齐(vertical-align:baseline)2.2、顶端对齐(vertical-align:top)2.转载 2020-12-05 15:55:50 · 217 阅读 · 0 评论 -
CSS尺寸单位 % px em rem vw/vh 详解
在CSS中,尺寸单位分为两类:相对长度单位和绝对长度单位。相对长度单位按照不同的参考元素,又可以分为字体相对单位和视窗相对单位。字体相对单位有:em、ex、ch、rem;视窗相对单位有:vw、vh、vmin、vmax几种。绝对长度单位则是固定尺寸,它们采用的是物理度量单位:cm、mm、in、px、pt以及pc。但在实际应用中,我们使用最广泛的则是em、rem、px以及百分比(%)来度量页面元素的尺寸。px为像素单位。它是显示屏上显示的每一个小点,为显示的最小单位。它是一个绝对尺寸单位,是不能变动的;它的原创 2020-11-27 13:53:50 · 1185 阅读 · 0 评论 -
calc, support, media各自的含义及用法?
@supportCSS中的@support主要是用于检测浏览器是否支持CSS的某个属性,其实就是条件判断,如果支持某个属性,**你可以写一套样式,如果不支持某个属性,你也可以提供另外一套样式作为替补。**但是这里有一点需要注意的是:@support对于浏览器的版本也是有要求的,不是说所有的浏览器以及其所有的版本都是支持@support的。1.逻辑操作符:“not” 的用法@supports not (display: flex) { div { float: right; }}注释:如果原创 2020-11-26 19:57:27 · 1212 阅读 · 0 评论