2024-08-20以上就是本文的全部内容了，共介绍了 3 种不同的方式，下面总结一下各自优缺点border-radius 支持斜杠语法，可以单独控制圆弧的x、y半径，实现“外凸”圆弧最简单，缺点是圆弧不能自定义弧度，也不能实现“内凹”效果伪元素最符合常规思维，可以解决以上问题，缺点是需要占用伪元素，略微麻烦渐变实现和伪元素拼接思路类似，缺点是语法复杂，需要熟练掌握渐变语法大家可以根据自己的实际场景自行选择适当的方式，当然最好都能够掌握，这样碰到类似需求时才能游刃有余，如果你有其他的思路，欢迎留言讨论。_css 弧形

https://www.qianduange.cn//article/16261.html 分类：前端知识

2024-08-20因为css的边框属性，不支持渐变，所以，为了实现这个效果，我们需要两个圆。嗯，其实这个第一个圆，也要比第一步我们做的圆小一些，模拟徽章最外径和刻线之间的距离。用shape_text的伪类 before 和after 制作两个与背景色完全相同的三角形，调整到两个蓝色方块的外侧，实现视觉上的缺角效果。按照上一步的思路，利用 shape_in 的伪类 before 和after 再同样写两个圆，覆盖在这两个圆的上面。下面的div里，文字底端对齐，然后是不是只要以图形中点为圆心，旋转文字的容器，就能实现了呢？_css 图片徽章

https://www.qianduange.cn//article/16260.html 分类：前端知识

2024-08-201网页简介：此作品为学生个人主页网页设计题材，HTML css 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑等任意html编辑软件进行运行及修改编辑等操作）。3.知识应用：技术方面主要应用了网页知识中的: Div css、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了Logo（源文件）所需的知识点。

https://www.qianduange.cn//article/16259.html 分类：前端知识

2024-08-20原生事件：事件名是特定的（clickmosueenter等等）事件对象$event: 是包含事件相关信息的对象（pageXpageYtargetkeyCode自定义事件：事件名是任意名称事件对象$event: 是调用emit时所提供的数据，可以是任意类型！！！vue3中利用defineEmits方法返回函数触发自定义事件,不需要引入直接使用._vue3 scss

https://www.qianduange.cn//article/16258.html 分类：前端知识

2024-08-20​这个小练习也来源于b站up小K师兄，大家可以通过下面的链接学习哦~up讲的非常详细。纯css写一个简单酷炫的照片墙效果～先看一下这个照片墙的效果：1.鼠标没有放到图片上时，照片同比例，每张照片都有倒影的效果。2.然后是鼠标放置图片上的效果，图片被放大，其他照片旋转缩放，这里需要注意，左右两边的照片是对称倾斜的。_html 照片墙

https://www.qianduange.cn//article/16257.html 分类：前端知识

2024-06-20?网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。?网站程序方面：计划采用最新的网页编程语言HTML5 css3 JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。?网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。_海绵宝宝网站设计

https://www.qianduange.cn//article/12942.html 分类：前端知识

2024-08-191. base.css：基础公共样式2. common.css：各个网页相同模块的重复样式，例如：头部、底部3.index.css：首页 css 样此项目比“学成在线”首页目录多了common.css和iconfont文件夹common.css：为了更加贴近企业的首页开发，因为一个大的项目开发肯定有多个页面并且在页面之间的跳转 所以创建这个css样式存储公共样式 如各个网页相同模块的重复样式，例如：头部、底部。

https://www.qianduange.cn//article/16224.html 分类：前端知识

2024-08-19Flex是Flexible Box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以通过设置或来指定为Flex布局，其中会使容器成为一个块级元素，而则使容器成为一个行内元素。_html5display属性 flex

https://www.qianduange.cn//article/16222.html 分类：前端知识

2024-08-19语义化可以总结为 根据内容选择标签，用最恰当的标签来标记内容。例如网页中的标题使用~这样的标签，而不是使用 css。_语义化html

https://www.qianduange.cn//article/16211.html 分类：前端知识

2024-01-30在页面编写中经常会碰到页面自适应的问题，也就是页面内部的元素会随着窗口的放大缩小而放大缩小，通过百分比的形式做到页面自适应，但是box内的字体却无法做到这点，往往box自适应大小了，内部的字体还是原来的大小，看起来会非常别扭，下面就来css实现一下页面文字的自适应大小。_css字体大小自适应

https://www.qianduange.cn//article/805.html 分类：前端知识