前端开发2025年08月29日

当前组件<style>写成<style scoped> 当前组件<style>写成<style scoped> ...

前端开发2025年08月28日

详细内容请点击 /*---滚动条默认显示样式--*/ ::-webkit-scrollbar-thumb{ height:50px; outline-offset:-2px; outline:2px solid #fff; -webkit-border-radius:4px; border: 2px solid #fff; } /*---鼠标点击滚动条显示...

前端开发2025年08月28日

当某个链接或元素被选中时可以时，需要改变其颜色或状态，而stylus中提供&选择器,&指向父选择器，用于判断父元素达到某条件时改变状态，下面的例子中当父元素router-link有被选中（active）时，子元素改变颜色并加上下划线。 //html <router-link tag="div" class="tab-item" to=...

前端开发2025年08月27日

-webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。 想要禁用这个高亮，设置颜色的alpha值为0即可。 -we...

前端开发2025年08月27日

一，样式表分类 （1）内联样式【优先级最高】【常用】【代码重复使用性最差】 （当特殊的样式需要应用到个别元素时，就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。） （2）内嵌样式表【优先级第二】【最不常用】【代码重复使用性一般】 （当单个文件需要特别样式时，就可以使用内嵌样式表。你可以在 head ...

前端开发2025年08月25日

css文本 text外观属性 color: 颜色值（red,blue）十六进制 ，rgb letter-spacing: 字间距 px,em word-spacing: 单词间距 对中文无效 line-height: 行间距 px，em , % text-transform: 文本转换 none:不转换 capitalize:首字母大写 uppercase...

前端开发2025年08月24日

最近在做网页的时候出现网页的CSS竟然无法识别，网页显示乱七八糟的，后面竟然发现是因为我在的头部描述当中写了引文引号导致CSS文件无法正确读取，无法识别CSS文件还可能存在其他的问题。 网页采用了UTF-8编码格式，这本来没有什么问题，问题是外部CSS文件默认是 ANSI编码，并没有保存为UTF-8格式。可能你会发现在一般情况下这样也是没有问题的，然而当C...

前端开发2025年08月23日

在写响应式网页的时候，我们需要网页有几种显示方式，我们可以用CSS实现这个功能 使用CSS提供的媒体查询，我们可以根据屏幕分辨率来使用相应的CSS样式 @media screen and (max-width: 1000px) { /*此条件表示最大宽度为1000，也就是如果宽度小于1000则执行以下CSS代码*/ #idming{ color:#f00;...

前端开发2025年08月21日

根据博客园的Markdown文章 样式优化 实战经历，大部分的事情已经搞定了，而且原作者[huizong](github: huizhong/github-markdown-css)已经把所有.markdown-body替换成了.cnblogs-markdown，不需要自己再手动操作了。 huizong的CSS 我的主题是SimpleMemory，应用后发...

前端开发2025年08月18日

而在这所谓的样子当然就是改变其css的属性，而实现能动态的改变其属性值，必然只能是更换其class属性 这里有三种方法： 第一种：通过数据的双向绑定（不推荐） 第二种：通过对象数组 第三种：通过key/value 下面简单说下这三种： 第一种：通过数据的双向绑定 实现方式： 1 2 3 4 5 function changeClass(){ $scope....