细说 rem 与 em
本文我们将介绍CSS中的rem 和 `em，理解这两个单位之间的区别对于想要创建灵活、响应迅速、易于维护和修改的网页的 web 开发人员来说是至关重要的。
【CSS 知识总结】第五篇 - CSS 变量 var
伪类选择器；伪元素选择器；伪类和伪元素选择器的区别；本篇，介绍 CSS 变量 var；CSS 变量，由 CSS 作者定义，也被称作“CSS 自定义属性”或“CSS 级联变量”；通过声明 CSS 变量，抽取重复的 CSS 属性值，能够统一的进行维护和管理；和其他变量相似，CSS 变量也可以具有全局作用
【Css】div或按钮鼠标经过或鼠标点击后效果样式（图文+示例）
【Css】div或按钮鼠标经过或鼠标点击后效果样式（图文+示例）
我不允许你还不知道CSS的filter的drop-shadow阴影用法以及与box-shadow的区别详解
filter: drop-shadow可实现不规则元素或图片的阴影效果！
css中的 :root
var()函数可以代替元素中任何属性中的值的任何部分。var()函数不能作为属性名、选择器或者其他除了属性值之外的值。（这样做通常会产生无效的语法或者一个没有关联到变量的值。在:root中声明相当于全局属性，只要当前页面引用了:root segment所在文件，都可以使用var()来引用。用 – 这
flex布局详解
.markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rgba(37, 41, 51, 1) }.markdown-body h1, .markdown-bo
Java Web实验(二) JSP应用
（一）实现用户登录功能。（二）实现一个简单留言板
Web前端开发技术（第3版） 实训5 项目16 DIV+CSS页面布局
这是思考区 </div> --> <!-- <div id="content">这是严肃区</div> --> <!-- <div id="menu">这是快乐水管够区</div> --> <!-- <div id="content">这是
CSS - 选择器详解 - 子代、后代选择器详解 - 伪类选择器 - 测试
目录测试准备：子代选择器 >测试代码：指定id的子代选择器后代选择器 (以空格隔开)指定 id 的后代选择器指定 class 类 的后代选择器多空格后代选择器详解 (特别重要)伪类选择器 :参考链接：测试准备：新建一个测试项目文件夹 test，然后在 test 文件夹内新建一个名为 css 的
如何将img标签水平居中
要将 img 标签水平居中，可以使用 CSS 属性 margin: auto。具体操作如下：在 img 标签上添加 style 属性，并在其中指定 margin: auto。例如：<imgsrc="your-image-source" style="margin: auto">...
HTML+CSS+JS+Django 实现前后端分离的科学计算器、利率计算器(附全部代码在gitcode链接)
本次作业完成了和附件功能1.2.3.以及扩展功能1. 动态按钮，动态背景，页面局部or全局切换等等。
如何用CSS实现多行省略
思路： 用于挡住省略号的方块也是绝对定位，靠右定为， right:0，但是 bottom值就不要设置了，如果不设置的话，该方块会跟着文本内容的实际高度移动，而不是 max-height的高度。值得留意的是，上面代码里关于width的注释写着“因为下面设置了margin，所以这里的宽度值大小没有要求”
HTML——选择器总结（直观 一目了然）
看了就会的css选择器的总结与使用，简单，直观
浏览器---reset.css浏览器默认样式表重置（user agent stylesheet）
当你在浏览器控制台查看对应元素的样式的时候，会发现一些样式标有(user agent stylesheet),同时不能修改，那就表明该样式是浏览器自身对元素的设置样式，即浏览器默认样式表；当然不同浏览器之间的默认样式会有出入，同时相同浏览器的不同版本之间也会有细微差别！一般推荐使用normalize
CSS 样式优先级
这些默认样式取决于浏览器的版本和类型，并且可能会因浏览器之间的差异而产生不一致。为了保证页面的一致性，通常会采用 CSS reset 或 normalize.css 这样的技术来重置浏览器的默认样式。CSS 样式优先级决定了最终呈现在浏览器中的样式是哪一组样式，在多组样式中有冲突时，最终呈现在浏览器
【CSS】CSS字体样式【CSS基础知识详解】
文字是网页界面上最常见的元素，而文字的字体、大小和文字样式等都可以通过CSS来设置。在 CSS 中，有五个通用字型：衬线字体（Serif） 在每个字母的边缘都有一个小的笔触。它们营造出一种形式感和优雅感特点：文字笔画粗细不均匀，并且首尾有笔锋装饰 场景：报刊书籍中应用广泛 常见该系列字体：宋体、
video标签不能自动播放的原因
有的浏览器不允许非静音自动播放，如谷歌浏览器，所以要加上muted属性，才会自动播放文章来源地址https://www.yii666.com/blog/327801.html。未加autoplay属性，或者autoplay属性为false。复习一下video标签重要的属性吧~
CSS滚动条详解(::-webkit-scrollbar )
:-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头)，允许通过点击微调小方块的位置.::-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮).::-webkit-scrollbar-corner — 当同时有垂直
flex布局居中
要在 flex 布局中居中元素，可以使用 justify-content: center 和 align-items: center。.container { display: flex; justify-content: center; align-items: center;}这会使元素在
CSS样式穿透方法
CSS样式穿透通常在使用组件库或第三方组件时遇到，由于组件库封装了组件的样式，难以直接修改组件内部的样式。都是Vue特定的选择器，如果项目使用了CSS预处理器（如Sass、Less等），需要在选择器前面加上。是它的现代替代方案。在使用它们时，可以通过选择器深入到组件的子组件中，并覆盖它们的样式。伪选
