实例
设置图像的底部边缘,在元素的底边上面5px:
img
{
position:absolute;
bottom:5px;
}
属性定义及使用说明
对于绝对定位元素,bottom属性设置单位高于/低于包含它的元素的底边。
对于相对定位元素,bottom属性设置单位高于/低于其正常位置的元素的底边。
注意:如果"position:static",底部的属性没有任何效果。
2024年11月07日
实例
设置图像的底部边缘,在元素的底边上面5px:
img
{
position:absolute;
bottom:5px;
}
属性定义及使用说明
对于绝对定位元素,bottom属性设置单位高于/低于包含它的元素的底边。
对于相对定位元素,bottom属性设置单位高于/低于其正常位置的元素的底边。
注意:如果"position:static",底部的属性没有任何效果。
2024年11月07日
position:fixed;
用我自己的话来说,就是让你想要固定的东西固定。例如:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
body{
height: 2000px;
}
.photo{
width: 600px;
height: 600px;
position: fixed;
left: calc(50%-300px);
top: calc(50%-300px);
}
</style>
</head>
<body>
10月7日,昆凌在社交平台晒出自己荡秋千的美照。
照片中,昆凌长发披肩,头戴假日风草帽,
穿一袭白裙在海边荡着秋千,回眸甜笑,宛若仙子。
<div id="box1">
<img src="img/kunling.jpg" class="photo">
</div>
</body>
</html>
2024年11月07日
今天学习之前剩下的一个问题:CSS的position属性。首先归纳出和position相关的问题:
对于position属性,他一共有5个值,分别是
2024年11月07日
随时科技的进步,现在人们对物质的追求越来越高,想当初还是modem拨号上网时,我们会等上1到2分钟打开一个网站而高兴很久,而现在网速越来越快,同时访问的用户也越来越多,人们对速度的追求也越来越高, 当搜索一个物件时,一个页面如果10秒钟还没有出现内容时,我相信你会毫不犹豫中换另一个网站。
所以我们前端开发人员在开发一个项目时,首先要站在一个体验者的角度,以速度为先,这就要求我们对代码的效率有了更高的要求,那么哪些因素会影响到代码运行的效率呢?
2024年11月07日
随时科技的进步,现在人们对物质的追求越来越高,想当初还是modem拨号上网时,我们会等上1到2分钟打开一个网站而高兴很久,而现在网速越来越快,同时访问的用户也越来越多,人们对速度的追求也越来越高, 当搜索一个物件时,一个页面如果10秒钟还没有出现内容时,我相信你会毫不犹豫中换另一个网站。
现在的网页特效越来越丰富,那么所需要调用和加载的javaScript就是越多。而浏览器在解析我们页面时,是从上到下依次解析,无论是HTML还是CSS,还是我们的Javascript。
2024年11月07日
在我们制作html网页的时候,有时候需要某个元素(比如说div)的滚动条一直在最下方,那么我们该怎么做呢?
先上代码:
window.onload = SetScroll;// 不要括号
function SetScroll(){
//读取需要设定的元素高度
2024年11月07日
十天学会html+css,第九天固定定位。
Redmi手机电视笔记本。
今天的学习目标是右侧悬浮工具栏用固定定位实现,它是相对于浏览器窗口的定位方式。
·盒子里的内容用a标签,一个图片加一行文字,此时它的位置在最底部。
·然后给它写上固定定位样式,右侧距离0,下面距离70像素,加上背景颜色,看下效果。
2024年11月07日
上一篇:php基础知识
主要参考:https://www.w3school.com.cn
思维导图
思维导图第一版
web网站可以说是互联网的基础。每个网站,可以比喻为一座座房子。宽带网络,就是房子门前的路。url地址,就是房子的门牌标志。HTML代码,就是建造房子的建筑材料(砖头、水泥、钢筋);CSS代码,就是装修房子的装修材料;那么Javascript代码就是这房子的水电了? JS代码则更像是未来世界可以让房子成为变形金刚的智能机器。因此,一些展示“老房子”的浏览器,可能并不支持Javascript。
2024年11月07日
来源:https://www.cnblogs.com/java-chen-hao/p/11024153.html
目录
- 注解的官方定义
- 注解的使用范围
- 基本语法
- 常用的元注解
- 在具体的Java类上使用注解
2024年11月07日
哈喽大家好,我是作者“未来”,本期分享的内容是Web前端系列课程,本系列总共29个阶段,坚持学习3个月蜕变为Web前端高手哦!
志同道合的小伙伴跟我一起学习交流哦!