博客主页： 【小扳_-CSDN博客】 ❤感谢大家点赞收藏⭐评论✍ 文章目录 1.0 HTML 与 CSS 概述 2.0 HTML - 标题排版 2.1 图片标签 ...

...

希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言网页标题：手机批发业务-商品备选区...

 个人主页：不爱吃糖的程序媛 ‍♂️ 作者简介：前端领域新星创作者、CSDN内容合伙人，专注于前端各领域技术，成长的路上共同学习共同进步，一起加油呀！ ✨系列专栏：前端面试宝典、JavaScript进阶、vue实战 ...

一.什么是CSS3CSS3是Cascading Style Sheets的第三个版本，是一种用于描述文档样式的语言（CSS3是CSS（层叠样式表）技术的升级版本）。它是前端开发中用于控制网页布局和样式的技术之一。CSS3引入...

...

一、HTML5的新特性增加了一些新的标签，新的表单，新的表单属性，IE9+以上版本的浏览器才支持注意：这些语义化标准主要针对搜索引擎的新标签可以使用多次在IE9中需要把这些元素转化为块级元素新增的多媒体标签主要包含两个1、音...

文章目录前言一、如何修改placeholder颜色？总结前言我们需要修改input框中的placeholoder字体或者颜色 如果我们直接给input设置class类，写入color颜色，我们会发现修改的颜色 是input框...

...

介绍CSS3是CSS（层叠样式表）的最新版本，它引入了许多新特性，使网页设计更加灵活和富有创意。在本文中，我们将介绍CSS3的一些新特性，包括选择器、布局、动画和变形效果。一、选择器CSS3引入了一些新的选择器，使得选择元素...

1.我们经常使用的布局是:现在又出现了 grid，它更像是 flex 的升级版 布局上十分强大3.网格父级元素网格父级元素 ：display:grid;grid = 生成块级网格inline-grid = 生成行内网格su...

一个三维物体(一个长方体 ，它围绕着一个轴旋转。我已经有过一些与css 3d一起工作的经验，并且我脑海里开始出现了一个解决方案。我搜索了像“css 3d立方体”这样的关键词来确认我的想法。对技术感兴趣的朋友可以加我前端学习裙...

...

认识3D转换「3D的特点」近大远小，物体和面遮挡不可见「三维坐标系」x 轴：水平向右 -- 注意：x 轴右边是正值，左边是负值 y 轴：垂直向下 -- 注意：y 轴下面是正值，上面是负值 z 轴：垂直屏幕 -- ...

种一棵树最好的时间是十年前，其次是现在。目录书籍信息第1章 什么是HTML和CSS1.1 什么是HTML1.1.1 创建简单的HTML层级结构1.1.2 当前的版本：HTML51.2 什么是CSS1.3 HTML和CSS是如...

经过有一周的学习，我又来分享笔记啦！！！## 1. PS 切图### 1.1. 常见的图片格式| 1 | jpg | JPEG（.JPG）对色彩的信息保留较好，高清，颜色较多，我们**产品类的图片** 经常用jpg格...

1. css3 新特性css3的新特性有选择器、盒模型、颜色、背景、边框和阴影、文字效果、布局和流式布局、多列布局、动画和过渡、响应式设计等选择器：属性选择器：选择具有特定属性的元素，例如 [attr=value]。伪类选择...

文章目录代码示例基本选择器元素选择器，标签名类选择器， .类名ID选择器，#层次选择器子选择器， ˃相邻的兄弟选择器， +通用选择器， ~属性选择器（常用）美化网页元素介绍字体样式文本样式文本，阴影和超链接伪类盒子模型边框内...

1.效果图,重点opacity,animation,transform:scale/* 保持大小不变的小圆圈 *//* 产生动画（向外扩散变大）的圆圈 */...

前言一按钮在前端开发中往往是一个必不可少的元素，也有许多精美好看的样式资源供开发者直接使用。但博主认为，对于初学者而言，总是去cv别人做好的，而不理解其中的原理，是很不好的。 本人作为一名计科的学生，在大二也选修了校内的前端...

目录CSS 颜色名CSS 背景色实例CSS 文本颜色​编辑实例CSS 边框颜色实例CSS 颜色值实例RGB 值实例实例RGBA 值实例HEX 值实例实例HSL 值实例饱和度实例亮度实例实例HSLA 值实例指定颜色是通过使用预...

灰色半透明的色值可以使用透明度和灰度值来表示。透明度可以使用数值从 0 到 1 表示，0 表示完全透明，1 表示完全不透明。灰度值可以使用数值从 0 到 255 表示，0 表示黑色，255 表示白色。因此，灰色半透明的色值可...

流式布局，也叫百分比布局，是移动端开发中经常使用的布局方式之一。优点：当页面宽度发生变化时，页面布局会随着宽度的变化而变化。 适合移动端网页的制作。高度写死，宽度用%来表示根元素的高度可以写为min-height：calc（...

一.效果演示把本文实现的最终效果放在最前，请确保是否是你需要寻找的css效果二.具体实现1.原理该动画效果实际上通过使用css中的animation配合@keyframes实现的。假设我们已知两个已知坐标的定点【start】...

在 Web 开发领域中，有很多误解流传，即使它们被反驳了很多次也仍然存在。"外部链接应该总是在新标签页中打开" 就是一个很好的例子。CSS Tricks 在将近十年前就对此进行了详细的解释（简而言之：大多数情况下是错误的），...

一 复合选择器定义：由两个或多个基础选择器，通过不同的方式组合而成。作用：更准确、更高效的选择目标元素（标签）。1 后代选择器后代选择器：选中某元素的后代元素。选择器写法：父选择器 子选择器 { CSS 属性}，父子选择器之...

...

纯css实现信封效果你好，世界！/*居中*//*封边条纹*//*信纸*//*纸张上升*/clip-path永远的神！！！附上生成工具另外常用工具： 奇形怪状border-radius生成工具 拟态按钮生成工具...

线性流动...

...

最近重温了CSS相关的一些内容，很多当时不理解的内容，到现在逐渐理解了一些。 干脆对清除浮动的方法做一个总结，便于自己今后遗忘再寻找，在这里也提供一个参考。目录为何要清除浮动本质与策略清除浮动的...

使用css3d技术 ，制作一个可以动态动画的正方体模型 效果图：代码如下：/* 设置高度宽度100%并且左右居中、上下居中 *//* 设置单面的高宽 *//* 3D视距 *//* 设置面里的字体大小居中、绝对定位 *//*...

实现三列布局的方法第一种：可以使用浮动+margin第二种：浮动+BFC// 通过margin// 通过BFC第三种：flex布局flex: 1的实现：代表了子项目将会占据所有的空闲空间flex: 1其实是代表三个属性的简写...

...

目录面试官：清除浮动有哪些方式？面试官：在网页中应该使用奇数还是偶数的字体？面试官：position有哪些值？分别是根据什么定位？面试官：写一个左中右布局占满屏幕，其中左右俩块固定宽200px，中间自适应，要求先加载中间块，...

在HTML中，有序列表(ol 和无序列表(ul 元素通常会默认有一定的内边距(padding 和外边距(margin ，这是由浏览器默认样式表所定义的。这些内边距和外边距可能导致列表向左偏移，从而出现左边超出的情况。具体来说...

问题所在：如图 解决办法：设置csswhite-space: pre-wrap;word-break: break-all;即可...

...

先上效果： 效果分析： 这个效果采用了三层画布。第一层：body元素，也可以说是大背景。第二层：类名为box的div元素。第三层：类名为glass的div元素。同样，这三层画布也是在浏览器上显示的顺序。第三层覆盖第二层时，...

...

设置元素内边距padding所有的 HTML 元素基本都是以矩形为基础。 每个 HTML 元素周围的矩形空间由三个重要的属性来控制： padding（内边距）：它围绕着内容的空间。 margin（外边距）：它围绕元素外部的空...

项目场景：相信很多小伙伴初学浮动，在页面布局的时候可能会出现这种现象，父元素身上没有设置高度，想让子元素撑起父元素，而给子元素添加浮动属性之后，父元素的高度为0的情况。问题描述高度塌陷：父元素没有设置高度，子元素浮动导致父元...

1.物体滚动效果2.音乐播放效果3.交错动画loading效果4.小球移动5.电影闭幕效果(这个gif太大了，只能搞个图片将就一下，各位ikun一看就懂 为坤护航,伴坤远航你如此黑我家哥哥,难道不吃我家哥哥的肉吗?...

如果你想让表格中的文字只会左右居中，并且上下居中，你可以使用 HTML 的 style 属性来实现。下面是一个示例：文字这样，表格中的文字就会左右居中并且上下居中了。你也可以使用 CSS 来实现类似的效果：文字使用 CSS...

css3的var( 函数变量要以两个连字符--(横杆 (减号 为开头变量可以在:root{}中定义, :root可以在css中创建全局样式变量。通过 :root本身写的样式，相当于 html，但优先级比后者高。在CSS3中，...

目录一，css属性与html标签属性的区别？二，字体属性1，颜色color2，字体大小font-size3，字体粗细font-weight4，字体样式font-style5，字体类型font-family三，背景属性1，背景...

实现翻页保留选择1、配置​​checkbox​​​选项​​field​​​属性为​​state​​2、表格选项​​options​​​添加​​rememberSelected​​调整首页左侧菜单栏宽度调整​​style.cs...

1.动画——旋转的骰子我们想用纯html 和CSS， 做一个旋转的筛子，骰子要有立体感，每个面上要有圆点，表示点数，并且骰子可以原地旋转。2.分析需求——庖丁解牛a.立方体的每个面上有点数立方体面上不同数量和排布的圆点，可以...

项目需求：这是个导航栏（下面是uveiw的tabs标签），然后高亮的时候会有一个背景图，因为title不固定字数，所以宽度不能写死。想要的效果 做出来的效果 自己写了个样式，用scroll-view，background...

代码CSS3线性渐变上述代码中： 第10行代码中每个颜色值后面的百分数表示该色标的位置比例。运行效果渐变是两种或多种颜色之间的平滑过渡，渐变背景一直以来在Web页面中都是一种常见的视觉元素。CSS3的渐变属性主要包括线性渐变...