这节课,我们学习如何让元素的宽度和高度在容器里自适应。
2024年11月27日
网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素
自动调整,这就是pc自适应。
自适应的优点:
元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示。
2024年11月27日
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS实现自适应正方形以及等宽高比矩形</title>
</head>
<style>
/* * {
padding: 0;
margin: 0;
} */
html, body {
height: 100%;
}
/* 方法一: */
.w_son-cont {
width: 20% ;
/*基于父级的宽度设置*/
padding-top: 20% ; /* 或者padding-bottom: 20%; */
background: red ;
}
/* 方法二: 这个方法不能实现正方形; 高度总是要比宽度大几个像素 */
.w_vw-cont {
width: 30%;
height: 30vw;
background: red;
}
/* 方法三: */
.w_mar-outer {
overflow: hidden;
width: 20%;
background-color: skyblue;
}
.w_mar-outer::after {
content: '';
display: block;
padding-top: 100%; /* margin 百分比相对父元素宽度计算 */
}
</style>
<body>
<div class="w_son-cont"></div>
<div class="w_vw-cont"></div>
<div class="w_mar-outer"></div>
</body>
</html>
2024年11月27日
建企业网站时为什么需要使用iframe自适应高度呢?其实就是为了美观,要不然iframe和窗口长短大小不一,看起来总是不那么舒服,自适应高度对于用户体验度的提升尤为重要。网上关于iframe高度自适应的代码有很多,但比较杂乱,有一些过于复杂,有一些存在明显错误。缘由心生给出了一段修改后的精简版本,感觉不错,并简单修正了其中一处Opera下的错误。
2024年11月27日
原生js:
//页面
<div style="margin-top:20px;">
<button onclick="clickMethod()" id="btn">点我</button>
<button onclick="clearMethod()" >清除方法</button>
<button onclick="clearMethod2()" id="btn2">jq清除方法</button>
</div>
2024年11月27日
蜂鸟网作者:游弋yoyi
出自蜂鸟网-索尼,原贴链接:https://m.fengniao.com/thread/10868161.html
最近刚拿到索尼FE 35mm F1.8(SEL35F18F)这颗非常期待的定焦镜头,小巧的身材只有280g重量,搭配微单机身手持真是非常舒服。虽然这款镜头不属于GM和ZA系列,价格也相对便宜,但上手使用后成像素质完全不输,对于拍摄人像偏爱35mm定焦的我来说,是个绝对的福音,那么我们就来看看它的表现~
室内光线略有些暗,由于前期打算主题偏重于情绪暗调,所以没有室内补光,1.8光圈全开的情况下,1/100秒,ISO100,毫无压力。
2024年11月27日
之前几节我们主要学习了HTML常用的元素:文本格式化、列表、链接、图像、视频、音频、表格、表单。今天开始,我们来开始学习HTML样式:CSS知识
层叠样式表(Cascading Style Sheets,CSS)
HTML: 定义了页面的内容结构。
CSS: 定义了怎样显示HTML元素。这样展示或表现页面。
CSS通过选择器来界定需要样式化的页面内容。
2024年11月27日
在苹果官网购买可以享受14天无理由退换货,拆封激活使用均可,收到货之后的14天内,苹果手机降价了还可以退还差价。
可使用教育优惠
2024年11月27日
一说85mm焦段,肯定很多人都觉得是人像镜头,确实,85mm在摄影中多用于拍摄人像题材,而也有一部分人则喜欢用85mm焦段拍摄扫街、静物等题材,可谓是被一大波人视为“不务正业”、“暴殄天物”。小编这次就真的很好奇,如果借你一支85mm镜头,你会拍什么题材的作品呢?
这次小编特意借来G大师系列里的神镜——索尼FE 85mm F1.4 GM,它的素质毋庸置疑,基本代表了目前地球上最强的85mm镜头,所以如果你对本次试用感兴趣,快来报名吧!
报名方式:在蜂鸟论坛 http://bbs.fengniao.com/forum/10909691.html 帖下上传自己的作品参与报名,官方会根据作品质量、主题符合程度筛选众测用户。