使用HTML技术
2024-02-11Web front end 1.
创建vue项目,页面四周都有白边,无法铺满整个页面
2024-02-11创建了vue项目,但是发现每个页面四周都有白边_vue的body默认margin为8px
前端之css3
2024-02-111 新增实用的选择器,例如动态伪类,目标伪类,伪元素2 新增更好的视觉效果3 新增丰富的背景效果4 新增全新的布局方案5 新增web字体6 新增颜色,hsl,hsla,rgba7 新增2D和3D变换8 新增动画和过渡效果。
前端学习笔记10 使用CSS3进行样式效果增强
2024-02-11使用CSS3进行增强滑过文字渐变/* 这段代码实现了当鼠标滑过链接时的渐变效果 */a { color: #007c21; transition: color .4s ease;}a:hover { color: #00bf32; }为元素创建圆角 使用CSS3可以在不引入额外的标记或图像的情况下,为大多数元素(包括表单元素、图像,甚至段落文本)创建圆角。<...
css中父元素没有高度,子元素高度填满
2024-02-11一、问题:如下代码,父元素father使用flex布局,不设高度,子元素son2高度设置为200px,子元素son2撑开了父元素father,son1无法填满父级元素高度。<body> <div class="father"> <div class="son1">这是子元素son1</div> <div class="son2">这是子元素son2</div> </div></body><_父div高度不固定子元素怎么填充满
CSS 奇技淫巧与新特性:探索现代 CSS 的解决方案 | 开源日报 No.139
2024-02-11这个项目是一个关于 CSS 和 Web 动画的精彩之作,涵盖了有趣的话题和容易被忽视但非常有趣的 CSS 细节。它的核心优势在于提供了丰富多彩且实用的 CSS 技巧,分享了现代 CSS 解决方案和高级技巧,深入探讨并展示了关于 CSS 的新特性和用法。无论你是新手还是有经验的开发者,这个项目都会给你带来无尽的灵感和技术提升。快来探索这个令人着迷的 CSS 世界吧!_ollama web ui
CSS的var()函数用法与JS获取css函数变量值的方法
2024-02-11我们常在项目里见到这种写法。可以看到,根元素这里使用了一个名为styleCSSVariable的CSS集。这里可以根据当前仪表盘的用户设置风格(如“暗黑”、“科技”、“酷炫”)进行css样式管理。可以看到设计器的元素style样式上绑定了一堆颜色定义。这其实就是CSS中的var()函数用法。_js 获取css变量
告别固定字体大小:CSS使用相对单位提升网页可访问性和兼容性
2024-02-11在 Web 开发领域中,有很多误解流传,即使它们被反驳了很多次也仍然存在。"外部链接应该总是在新标签页中打开" 就是一个很好的例子。CSS Tricks在将近十年前就对此进行了详细的解释(简而言之:大多数情况下是错误的),但它似乎仍然在某些角落中存在。案例证明:在CSS中,pxem或 rem单位之间没有功能上的区别的想法是一个我一遍又一遍听到的误解,因此我想在这里发帖来解决这个问题。我们要非常清楚:在CSS中使用的单位绝对很重要。并且在设置时font-size应尽可能避免使用 px。_css字体大小兼容高分辨率
CSS 之 table 表格布局
2024-02-11除了使用HTML的table元素外,我们还可以通过display: table/inline-table;设置元素内部的布局类型为表格布局。并结合table-cell、table-row等相关CSS属性值可以实现HTML中table系列元素的效果,具有表头、表尾、行、单元格等概念,让元素以表格的形式进行布局。_css table布局
【CSS系列】writing-mode —— 文字方向(水平/垂直;左右/右左)
2024-02-11对于左对齐(ltr)文本,内容从上到下垂直流动,下一垂直行位于上一行左侧。对于右对齐(rtl)文本,内容从下到上垂直流动,下一垂直行位于上一行右侧。对于左对齐(ltr)文本,内容从上到下垂直流动,下一垂直行位于上一行右侧。对于右对齐(rtl)文本,内容从下到上垂直流动,下一垂直行位于上一行左侧。对于左对齐(ltr)文本,内容从下到上垂直流动。对于右对齐(rtl)文本,内容从上到下垂直流动。对于左对齐(ltr)文本,内容从上到下垂直流动。对于右对齐(rtl)文本,内容从下到上垂直流动。_writing-mode