前端开发12小时前

CSS 清除默认样式 通常有以下几句就够了： *{ margin:; padding:} li{ list-style:none } img{ vertical-align:top; border:none } 如果你想写全也可以： /* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ...

前端开发前天 15:16

使用bootstrap可以简化我们开发的流程和代码，但是虽然bootstrap的代码很方便，也面临着css的样式很单调的情况。 我们可以通过覆盖css样式解决。 但是笔者在写的时候发现自己覆盖的代码无法改变bootstrap本来的代码。 这是一个小问题，却困扰了我一下午，网上也没有相关的解答。 其实这个问题很简单，因为html渲染的时候是自上而下的，后面的...

前端开发2025年08月29日

1.js操作css样式 例如 div . style . width=“100px”。 就是在div标签内我们添加一个style属性，并设定了width值，这种写法会给标签带来大量的style属性，跟实际项目是不符合的，我们没有让css和html分离。 所以如果是为了获取css样式 用 window . getComputedStyle( ) 获取经过计算...

前端开发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...