1. CSS 布局的三种机制
网页布局的核心 —— 就是用 CSS 来摆放盒子位置。
CSS 提供了 3 种机制
2024年08月22日
作为新手开店的朋友,是不是虽然有一颗代码装修店铺的心,但是无奈不会,只好套模板,结果碰上一大堆撞车的店铺。没关系,今天教新朋友一些简单实用的代码。只需要复制黏贴!只需要复制黏贴!只需要复制黏贴!重要的事情说三遍!
1、公告栏装修图片代码
公告栏位置:
2024年08月22日
/*网格背景*/
.gradtable{
background-position:0px 0px;
background-size: 15px 15px;
background-image:
linear-gradient(#FC0000,#00FF78 1px,transparent 1px,transparent 15px),
linear-gradient(90deg,#FC0000,#00FF78 1px,transparent 1px,transparent 15px);
background-repeat:repeat;
}
2024年08月22日
今天我们学习的内容是Document 对象和forEach循环函数
我们用到的是
document.querySelectorAll(".spv-logo").forEach(function(item,index,arr){item.style.display='none';});
2024年08月22日
性能优化是前端开发必不可少的一环,而图片优化又是性能优化中必不可少的一环,但不知道有多少开发者在网页的开发过程中会注意图片的使用,图片使用不当可能会导致网页加载卡顿、网页加载速度慢等问题,这篇文章将会将我以往对图片的处理做个总结。
不同格式图片优劣对比
有人可能会问说好的图片优化呢?怎么说到图片格式了,其实在不同的场景选择使用不同格式的图片就是对图片的一种优化,这是最直接最重要但是最容易被忽略的,现在网页中常用的图片格式有JPG.PNG.SVG.WebP等,接下来我们就来介绍它们有何优劣
2024年08月22日
在CSS中,背景样式主要包括背景颜色和背景图像。在传统的布局中,只能使用少数的标签来定义背景图像和背景颜色。但是随着Web2.0时代的到来,设置背景样式不再使用传统HTML属性来定义,转而使用无限制、更灵活的CSS来定义。
2024年08月22日
1、页面使用CSS的好处:
有效的传递页面信息。
使用CSS美化过的页面文本,使页面漂亮、美观,吸引用户。
可以很好的突出页面的主题内容,使用户第一眼可以看到页面主要内容。
2024年08月22日
web前端开发课程:css背景模块-图像定位。
讲课人:波波老师。
background-color:背景颜色。background-image:背景图像。background-repeat:背景图像平铺。background-position:背景图像定位。background-attachment:背景图像是否固定。
2024年08月22日
必须掌握的前端开发基础知识,什么是字体图标?
显示隐藏元素
display显示隐藏
none 隐藏
block 显示
隐藏后不再占有原来的位置