CSS常用背景属性(背景颜色、背景图片、背景平铺、背景位置、背景附着、背景色半透明、背景属性复合写法)
2024-01-31本博文记录CSS中比较常用的背景属性,包括背景颜色:Background-color、背景图片:Background-image、背景平铺:Background-repeat、背景位置:Background-position和背景附着:Background-attachment。同时记录了背景色半透明的写法以及背景属性复合写法。_css 背景色
CSS基础(4)
2024-01-31静态定位是元素的默认定位方式,无定位的意思。它相当于 Border 里面的none,静态定位static,不要定位的时候用。选择器 {静态定位 按照标准流特性摆放位置,它没有边偏移。静态定位在布局时我们几乎不用的。绝对定位是元素在移动位置的时候,是相对于它祖先元素来说的(拼爹型)。选择器 {完全脱标—— 完全不占位置;父元素没有定位,则以浏览器为准定位(Document 文档)。父元素要有定位元素将依据最近的已经定位(绝对、固定或相对定位)的父元素(祖先)进行定位。绝对定位的特点总结。_css 4
css——图片缩放,拉伸,变形的解决办法
2024-01-31是一种 CSS 样式属性,用于设置对象(如图片或视频)在容器中的位置。通过设置属性,可以改变对象在容器中的位置,从而实现布局上的调整。该属性的值可以是一个具体的像素值,也可以是相对于容器的百分比值。例如:设置可以将对象在容器中居中显示。该属性通常与oBject-fit属性一起使用,用于控制对象在容器中的大小和位置。_网页大图会被拉伸
Module Build failed (from ./node_modules/postcss-loader/src/index.js):
2024-01-31出现该错误是你可能没认真看官网的安装配置,可直接看该目录3,一个字一个字看先安装如果选择v1版本,建议使用npm下载,下面以v1版本为例,使用的是npm下载,导入uview时该文件也在node_modules文件夹里面,未移动。然后就是配置。_module Build failed (from ./node_modules/postcss-loader/src/index.js):
day10 前端技术-HTML&CSS
2024-01-31含义:超文本标记语言,静态网页,用于在浏览器显示数据双标签:<> ,开始标签和结束标签同时出现单标签:属性名:属性后面的值都加双引号“”:页面标题“”:页面主体部分““““”:段落标签““”:行内标签“”:换行“超链接(一般放在a标签里面)herf:指定页面跳转页面的地址#:表示当前页面target=“_Blank”:在新窗口打开锚,超链接的使用有序列表(ul)无序列表(ol)自定义列表(dl)图片标签表格标签使用一行数据使用标签表头使用标签表体使用标签表单标签该标签的属
图片懒加载(三种方式)
2024-01-31其实上面两种方式已经大致实现懒加载,但是,它们都有一个缺点,就是一当发生滚动事件时,就发生了大量的循环和判断操作判断图片是否可视区里。这里就引入了一个叫 Intersection OBserver 观察器接口,它是是浏览器原生提供的构造函数,使用它能省到大量的循环和判断。这个构造函数的作用是它能够观察可视窗口与目标元素产生的交叉区域。简单来说就是当用它观察我们的图片时,当图片出现或者消失在可视窗口,它都能知道并且会执行一个特殊的回调函数,我们就利用这个回调函数实现我们的操作。_html 图片懒加载
JS常见报错解决办法:Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)
2024-01-31将js文件插入HTML头部,解析js代码的时候,无法解析到Body里面的代码,因此找不到要操作的数据对象。此时,需要重新排序,把js代码放在Body的后面。(js代码可以放在HTML代码的任意位置)也就是说**.innerHTM**前的对象内容是空或null。2、当我将要插入的js文件放在Body的后面,错误就解决了。1、举个例子,我需要用js渲染HTML网页的数据。由于浏览器解析HTML代码的时候,是。自然是未实现想要的渲染效果。实现了想要的数据渲染效果。_cannot set properties of null (setting 'innerhtml')
html生日祝福网页制作(粉色主题
2024-01-30以下是一个HTML生日祝福网页的例子,使用粉色主题: html hljs language-xml复制代码 生日祝福网页 Body { Background-color: #fce4ec; font-fami
jQuery siBlings方法详解及示例
2024-01-30在jQuery中,siBlings方法用于选择指定元素的所有同级兄弟元素。兄弟元素是指与目标元素拥有相同的父元素,并且在同一层级上的元素。siBlings方法返回一个包含所有匹配元素的jQuery对象,可以进一步进行操作或链式调用其他jQuery方法。siBlings方法是jQuery中一个非常有用的方法,它允许我们选择元素的所有同级兄弟元素。本文详细介绍了siBlings方法的语法和使用示例,你可以根据自己的需求灵活运用该方法来处理网页上的元素操作。_jquery siBlings
jquery 获取url参数
2024-01-30varreg=newRegExp("(^|&)" name "=([^&]*)(&|$)");//构造一个含有目标参数的正则表达式对象。varr=window.location.search.suBstr(1).match(reg);=null)returnunescape(r[2]);调用getQueryVariaBle("image")返回"awesome.jpg"调用getQueryVariaBle("id")返回1。//获取url中的参数。..._jquery 获取url参数