2024年10月21日
<style>
*{ padding:0; margin:0;}
#box{ width:200px; height:200px; padding:30px; border:#000 solid 1px; margin:30px;s}
</style>
<div id="box" class="boxClass">
<p>1</p>
<p>2</p>
2024年10月21日
“小白，网页分析的怎么样了？”
“小有感触，我发现很多网站头部和底部容器都是通栏的，浏览器窗口多宽，他们就有多宽。这些好像是自动适应的，主体部分一般都是固定的宽度，并且是居中显示的！”
“不错，小白，看得很仔细，你之前也自己看了html的标签，那么你应该知道什么是“块”吧！”
“知道，块元素（容器）默认宽度跟它父容器的宽度一样，而且前后有换行符。如果不做特殊的样式控制，每个块容器两边都不会有其他的块容器，假如我在html的body里面写三个div层，他们肯定是上下排列的。”
2024年10月21日
VSCode中使用Markdown插入图片，如何设置图片的尺寸及显示位置
## 1、文字居中：
<center>逐浪软件</center>
## 左对齐：
<p align="left">逐浪软件</p>
## 2、插入图片及图片居中、定义大小
### 让图片靠左 显示
基本形式是:
例子：
## 图片靠右显示
<div align=right><img src ="https://www.z01.com/UploadFiles/Anony/content/md/HyjMvO5XZP..jpg"/></div>
第二种方法：
我们在原本图片链接后面（括号里面）先加上一个#号，然后写 pic_right/center/left 就OK!
如下图：
### 定义尺寸
第一种方法：
<img width = '150' height ='150' src ="https://www.z01.com/UploadFiles/Anony/content/md/HyjMvO5XZP..jpg"/>
第二种方法：
更改位置命令不要#号且pic_right/center/left改为=a*a，a*a就是你要设置的图片大小，注意在图片链接后空一格再写=
如下图
#### 定义大小并居中显示
<div align=center><img width = '150' height ='150' src ="https://www.z01.com/UploadFiles/Anony/content/md/HyjMvO5XZP..jpg"/></div>
2024年10月21日
本文翻译自 How to Center a Div Using CSS Grid，作者：Fimber Elemuwa, Ralph Mason。 略有删改
2024年10月21日
1、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
（1） 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。
（2）严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。
（3）在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
（4）DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
2024年10月21日
怎么把图片变透明？将图片变为透明是一项常见的任务，可以用于创建标志、水印或其他图形元素。目前许多地方都会需要使用这一技术，例如设计、广告、建筑等行业，设计范围很广泛。因此，下面分享几种将图片变为透明的方法。
图像编辑器是实现图片编透明的方法之一，有很多不错的工具。例如改图鸭或GIMP，它们都可以用于将图片变为透明。在改图鸭中，你可以使用“输出透明图”功能轻松地去除背景。步骤很简单，只需要要打开图片，系统会自动进行识别抠选后留下主体，接着可以通过“调整尺寸”或“手动抠图”这两项来编辑调整图片，最后点击确定保存即可。
2024年10月21日
一、有点俗态的开场白
要是两年前，实现“兼容性的渐变效果”这个说法估计不会被提出来的，那个时候，说起渐变背景，想到的多半是IE的渐变滤镜，其他浏览器尚未支持，但是，在对CSS3支持日趋完善的今天，实现兼容性的渐变背景效果已经完全成为可能，本文就将展示如何实现兼容性的渐变背景效果。在众多的浏览器中，目前不支持Opera浏览器。
本文实例效果都是同样的效果，就是垂直渐变，起始颜色红色，结束颜色蓝色，结束的蓝色的透明度是0.5。
二、IE浏览器下的渐变背景
2024年10月21日
随着电商和交互的升级，越来越多白底图逐渐开始用起来了。而且伴随着Figma的兴起，很多功能其实都是基于HTML5技术的不断运用和增加用户体验。
# css3特性
pointer-events:none;然后我看了一下Chrome审查元素的表现如下：
2024年10月21日
假设我们想给一个容器设置一层白色背景和一道半透明白色边框
html代码：
<body>
<div class="box1"></div>
</body>