![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 80
weixin_43798882
这个作者很懒,什么都没留下…
展开
-
前端页面的常用性能优化
2021-01-10说常用的性能优化是因为优化方法有很多很多,我肯定不能全都理解而且用上,而且有很多方法非常鸡肋,费力不讨好的我也不写了,就单纯的写一下我觉得好用的吧~一、PC端优化主要从页面结构分类,分成HTML、CSS、JS 和 AJAX网络请求。1. HTML减少HTTP资源请求次数。合并静态资源(img、css、js)。避免重复请求。减少HTTP请求大小。对文件进行压缩优化(img、js)。把CSS和JS文件放到外部文件中,不要直接用< style >和< .原创 2021-01-10 16:18:45 · 361 阅读 · 0 评论 -
HTML5、CSS3新特性一览(下)
2019-12-16上篇讲了HTML5,这篇来讲CSS3的新特性。要素过多,这里加个目录--- 盒子样式 ---1. border-radius 圆角样式2. box-shadow 盒子阴影3. border-image 图像边框4. background 盒子背景5. 渐变背景--- 文本样式 ---1. text-shadow 文本阴影2. text-overflow 溢出文本展示3...原创 2019-12-17 15:26:26 · 175 阅读 · 0 评论 -
css自定义滚动条样式
2019-12-13最近在整理这一年新学到的知识点,看到这个觉得还挺有必要记一下的。直接贴代码吧。另外,滚动条这里分很多部分,我只贴了我常用的。div::-webkit-scrollbar { /*滚动条整体样式*/ width: 8px; /*宽高分别对应横竖滚动条的尺寸*/ height: 8px;}div::-webkit-scrollbar-thum...原创 2019-12-13 15:03:30 · 88 阅读 · 0 评论 -
css盒子模型和样式更改
2019-12-13好久没更新了哈~到年底了冲冲业绩(/笑哭)盒子模型超级常用的样式相关,包括怎么对齐,布局和背景设置等等。(图片取自菜鸟教程)盒子模型各部分说明margin - 外边距,多个盒子排列时外边距取较大的那一个,并不是相加border - 边框padding - 内边距content - 内容盒子模型样式简写这个基础应用直接放代码了哦.box1{ marg...原创 2019-12-13 14:37:39 · 3885 阅读 · 0 评论 -
子元素hover离开时的平滑过渡效果
hover时设置的效果离开时平滑过渡:<!DOCTYPE html><html> <meta charset="UTF-8" /> <title>hover平滑过渡效果</title> <head> <style> div { width: 100px; heig...原创 2019-04-11 10:17:06 · 3952 阅读 · 0 评论 -
border-image小记
2019-04-08之前一直想使用border-image做边框上的适配,记录一下遇到的问题根据w3school的实例,添加CSS样式:div{ -webkit-border-image:url(border.png) 30 30 round; /* Safari 5 */ -o-border-image:url(border.png) 30 30 round; /* Opera *...原创 2019-04-09 10:01:54 · 312 阅读 · 0 评论 -
纯CSS响应式的总结
响应式需要兼容的设备及尺寸手机 (分辨率不统一,320px - 414px)pad(1024px * 768px 横屏 / 768px * 1024px 竖屏 )pc普屏 (1024px * 768px,一般使用1000px适配)pc宽屏 (大于1190px, 1366px * 768px / 1440px * 768px / 1920px * 1080px …)媒体查询的判断条件...原创 2019-04-18 15:27:26 · 382 阅读 · 0 评论