CSS背景属性用于定义元素的背景效果，常用的有5种背景属性：背景颜色、背景图片、背景图片重复展示的方式、背景附着的方式以及背景位置
网络钓鱼是非常常见的攻击行为，攻击者经常利用其来窃取登录凭据与信用卡信息。HTML 附件也是此类攻击中最常见的附件之一，因为此类附件通常被认为比其他文件类型来说更没那么可疑。
CSS第五天-定位 静态定位：static 定位的默认值，写边偏移也不会有效果 ---- 相对定位：relative 父元素搭配子绝父相使用 根据自身原来的位置，进行定位 没有脱标，在页面还占有位置 天生就是给绝对定位当爹用 ---- 绝对定位：absolute 根据最近带有定位(非静态)的祖先元素来定位 子绝父相 脱离标准流，在页面不占有位置 绝对定位，固定定位，浮动，可以直接设置宽度和高度，默认宽度是内容宽度 ---- 固定定位：fixed 永远根据浏览器可视区域定位，不会随着滚动条的滚动而滚动 可以
网页布局中，我们是如何把里面的文字，图片，按照美工给我们的效果图排列的整齐有序呢？
值： (1)、normal(正常)；bold(加粗)；（<==常用） (2)、纯数字：100~900的整百数；
视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 作为网页设计的热点趋势，越来越多的网站应用了这项技术。
背景位置属性用于设置背景图像的位置，这个属性只能应用于块级元素和替换元素。其中替换元素包括img、input、textarea、select和object。
详情见之前的笔记 matting系列论文笔记（一）：Deep Image Matting
从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。 随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便生了。
IOS8之前，apple官方并不建议开发者使用类似毛玻璃的模糊效果，也并没有开放相关的接口，大部分的开发者是通过转化CGImage这个类来实现毛玻璃的模糊效果，并且实现的效果也很优秀。在IOS8之后，苹果官方新出了一个类UIVisualEffectView，通过这个类，实现毛玻璃效果变得轻而易举，而且效率非常之高，下面，我们来介绍下这个类的简单用法。
CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素，给HTML设置样式，让它更加美观。
在本章第1节“背景样式概述”，我们已经给大家分析了在CSS中控制元素的背景样式包括背景颜色和背景图像，其中控制元素的背景图像涉及到的属性比较多，下面稍微给大家讲解一下，以便为读者理清后面的学习思路。
包含块( containing block ) 正常情况下： 包含块就是离当前元素最近的祖先块元素，
Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。 快速生成HTML结构语法 快速生成CSS样式语法
HTML是具有语义化的语言，针对网页的布局，有一类标签代表各种意义的“布局盒子”。所有的布局类标签都主要用来构建页面的内容区域，是双标签类型，是双标签类型，默认显示为块状元素。
不知大家在做前端页面的时候，有没有遇到类似这样的问题：有一个不是正方形的图片，可能是宽度大于高度的，也可能是高度大于宽度的，而你又并不想用背景图的方式来做，要实现用img标签来让此图片显示出一个正方形
描述: 好久没更新此《#前端学习之路》专栏文章了，不知道学习前端看友们想不想我，所以这一段时间又开始整理更新了。通过前面几章的学习，相信大家已经对CSS有了一个简单的了解吧，现在我们又回到使用频率较高的 文本 text、图像 images、媒体 media、表单 table 等元素CSS样式的设置，此章节主要讲解针对图像的相关CSS属性以其使用的示例演示。
在 mac 文件管理中有这样一个小细节。 当文件名不超过一行时，完整显示，此时鼠标放上去无任何提示 当文件名超过一行时，出现省略号，此时鼠标放上去提示显示完整文件名 img 一个很微妙但非常 人性化
一、CSS介绍 CSS（Cascading Style Sheet，层叠样式表）定义如何显示HTML元素。 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 二、CSS语法 1
CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。
背景是这样的, 我的家里台式机常年 休眠, 并配置了 Wake On Lan (WOL) 方便远程唤醒并使用.
font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。浏览器会使用它可识别的第一个值。
CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。
暑假实习的时候带我的师傅，告诉我要注重基础，底层实现原理。才能在日新月异的技术行业站住脚跟，以不变应万变，万丈高楼平地起，所以我们应该不断的去学习，去交流。交流，不应该仅仅停留在技术方面，更多的应该是在思维方式。语言只是一种工具，编程的思想才是核心。我们只有在明白了编程的思想之后，才能去创造属于自己的东西，随意切换。授之以鱼不如授之以渔。在我们的时代应该是去创造而不是模仿。回到学校之后，我开始我学习的新旅程；读一本好书亦如交一个有趣的朋友。最近读了一本《CSS揭秘》，里面有很多有意思的CSS技巧，有时间有兴趣的朋友可以去读读这本书，读完之后我们可以一起交流，学习，一起解答你我的迷惑知识点，期待和你的交流。读完这本书的时候我也对书中的知识点进行了总结归纳：
@import url(xx.css): 在一个css中，添加对其他css文件的引用
font-family可以将多个字体名保存起来，如果浏览器不支持第一个字体会依次尝试后面的字体。
这12个问题，基本上就是HTML和CSS基础中的重点个难点了，也是必须要弄清楚的基本问题，其中定位的绝对定位和相对定位到底相对什么定位？这个还是容易被忽视的，浮动也是一个大坑，有很多细节。
运营需求的一个重要核心功能在于页面内指定内容可配置，比如：头图、不同情况的提示文案等都可以支持根据运营同学的配置随时更改，提供灵活性。 但是这种配置的方式也出现了遇到难题的情况， 图片中包含复杂特效的情况往往会选择直接用视觉同学导出的gif动图， 问题在于页面中涉及的动图量大加载成本大大提高的问题。 为了尝试既维持灵活可配 & 减少加载成本，加下来介绍下骨骼动画的方案。
在制作 WordPress 的过程中，除了对整体的结构等进行排版布局等，还必须要对正文的内容和其他地方进行修饰和排版，例如正文中可能出现的 标题（h2、h3）、列表（ul、ol）、表格（table） 以及不同的文章类型效果等等。这就是 WordPress 主题的单元测试（Theme Unit Test）。
视差滚动是一种效果，能够使不同层次的元素以不同的速度进行滚动，从而产生了视觉上的深度感和动态效果。可以通过两种方式来实现：background-attachment和transform:translate3D
绿幕是影视剧中抠图、换背景的利器，但如果不在绿幕前拍摄，我们还能完美地转换背景吗？华盛顿大学的研究者最近就上传了这样一份论文，不在绿幕前拍摄也能完美转换视频背景，让整个世界都变成你的绿幕。
从作者给出的 demo 可以看到，他们的方法效果非常惊艳，即使视频中的人疯狂甩头发也没有影响合成效果：
图片是网页中非常重要的媒体类型，恰到好处的使用图片可以使网页多彩生动，不再局限冷冰冰的文字。
相信很多小伙伴都曾在抖音、快手以及 B 站等平台刷到过表白程序，不论是各种的程序制作爱心或者是程序制作心动符号等，在各个平台很受欢迎。但是其中大多数形式都已经被公众所知晓，且缺乏流动性。故今天我们将自行设计一个表白浪漫程序，具有动态开关宠物、照片墙、弹窗提示以及 turtle 画图等功能。其中具体效果图如下：
大家好我是费老师，对于刚上手dash应用开发的新手朋友来说，如何进行合理且美观的页面整体布局构建是一道“难题”。今天的文章中，我就将为大家介绍有关dash应用页面布局的一些实用技巧，并附上几个可以直接套用的dash应用经典页面模板，话不多说，let's go🚀
display:none使用后，元素的宽度，高度都会丢失，视为不存在不加载；元素原来占据的空间位置不保留；产生回流和重绘；
1.字体的背景属性 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>今日的css</title> <style> * { font-family: ".PingFang SC", "微软雅黑", "Microsoft YaHei", "Arial"; font-size: 18px; } a:link { color: cadetblue;
几天前的给头像加国旗，当时我们 Python 代码来实现时，采用的思路是以头像做背景，向上贴中间透明的带有国旗的头像框图。
继之前的博客：PDF文件添加二维码水印教程、图片添加二维码水印教程之后，对之前的添加二维码水印功能进行完善，之前的程序生成的二维码图片背景不是透明的，所以不是很美观，所以本博客对程序进行完善，对二维码图片设置背景为透明的，不过这样美观了，但是很有可能出现遮住pdf文字或者图片的情况，这种情况会导致二维码不能扫描
image-20230720145639107css3中的坐标系，rotateX就是绕着x轴旋转，rotateY就是绕着Y轴旋转，rotateZ就是绕着z轴旋转（也就是xy平面的旋转）。 perspective属性用来设置视点，在css3的模型中，视点是在Z轴所在方向上的。 translateX,translateY表现出在屏幕中的上下左右移动，transformZ 的直观表现形式就是大小变化， 实质是 XY平面相对于视点的远近变化（说远近就一定会说到离什么参照物远或近，在这里参照物就是perspective属性）。 比如设置了 perspective 为 200px; 那么 transformZ 的值越接近 200，就是离的越近，看上去也就越大，超过200就看不到了， 因为相当于跑到后脑勺去了，你不可能看到自己的后脑勺。 （200-transformZ的值）就是视点和xy平面的距离（初始是屏幕的位置，此时transformZ的值为0）。
最近有文字转图片的需求，但是不太想下载 APP，就使用 Python Pillow 实现了一个，效果如下：
现在制作主题，喜欢在首页放上图片展示或图文形式，在emlog主题制作中要如何才能实现这种效果？
闲置在家，没有工作，咸鱼到月底。加上最近在大佬的建议下搭个人博客，于是把自己的笔记整理了一下，捣鼓捣鼓，发点文章
border-collapse 属性是用来设置 table 表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
