CSS常用样式
文章平均质量分 70
云墨-款哥的博客
一个永远在路上的程序猿
展开
-
移动端1像素边框的问题
移动端1像素边框的问题 -----如果我们的手机屏幕分辨率比较高,是一个二倍屏或者三倍屏,如果我们在页面上去写border-bottom: 1px; 这个时候我们写的是1px,但实际上它是css像素,并非物理像素,我们仔细观察的话,在二倍屏或者三倍屏上它实际上不是1个物理像素,而是两个物理像素或者三个像素的高度,为了解决多倍屏里面1像素边框会被显示成多像素边框的问题,需要引入一个解决方案,这个方案是一个css文件 下面是这个css文件的源码 @charset "utf-8"; .border, .borde原创 2021-07-05 20:59:41 · 277 阅读 · 9 评论 -
面试题:CSS 优化和提高性能的方法
加载性能: (1)css压缩:当项目完成之时,将写好的css进行打包压缩,可以减小文件体积,提高页面加载速度(js文件同理)。 (2)css单一样式:当需要给一些集成属性设置某一样式时,单独设置会节省一部分性能,例如:margin,padding,只需要设置上、右时,单独设置margin-top,margin-right要比margin:top right 0 0;节省性能。 (3)在引入外部css样式文件时,减少使用@import,建议使用link,因为后者在页面加载时一起加载,前者是等待页面加载完成之原创 2021-06-25 20:54:57 · 441 阅读 · 0 评论 -
分享一下自己最近写的一个移动端项目积累的一些实用技巧
1·样式重置文件 请注意下面清除内外边距等样式并未使用通配符选择器*,因为通配符选择器的权重值太低。 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, s原创 2021-06-10 00:13:30 · 195 阅读 · 4 评论 -
CSS常用的水平垂直居中方式
一、文本图片实现水平垂直居中 给文本以及图片所在的标签设置text-align:center,实现水平居中,然后在设置line-height属性与height一致实现垂直居中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0原创 2021-06-01 21:34:38 · 152 阅读 · 0 评论