1. v-show 根据表达式的真假值，切换元素的 display CSS属性。表达式为false时，p标签被赋予 style="display:none;" <p v-show="status">123</p> data: { status: false, }, 2. 用于条件性的渲染一块内容 表 ...
分类：
其他好文 时间：
2020-07-19 18:10:55
阅读次数：
78
css 属性值 display /* display: block; */ /* 浏览器默认样式 *//* display: inline; */ /* 设置为行内元素 *//* display: none; */ /* 隐藏元素不占空间 *//* display: inline-block; */ ...
分类：
Web程序 时间：
2020-07-19 17:53:31
阅读次数：
89
有时候，我们需要使页面内容不可选择。首先想到的是一个css属性：user-select。user-select有两个值： none：用户不能选择文本 text：用户可以选择文本 禁用选择代码实现 html: <p>你可以选择我。</p> <p class="noselect">你不能选择我！</p> ...
分类：
Web程序 时间：
2020-07-18 00:30:12
阅读次数：
109
[CSS 中文开发手册inherit (Values & Units) - CSS 中文开发手册inheritCSS关键字使得元素的指定属性值取其父元素的该属性的计算值。它可以应用于任何CSS属性，包括CSS简写属性all。对于继承的属性，这强化了默认行为，只需要覆盖另一个规则。对于非继承属性，这种... ...
分类：
Web程序 时间：
2020-07-13 21:27:05
阅读次数：
91
由于各大浏览器存在兼容性问题，同一个CSS属性在不同浏览器下的表现不一定相同，有经验的前端设计者都会自定义一个重置浏览器样式的CSS文件，在这个文件中定义一些针对不同的浏览器最终表现出一致的代码，大家最熟悉的也许就是* {margin：0 0}了，其实这是最简单的兼容性的代码，一般情况下，仅有这个是 ...
分类：
Web程序 时间：
2020-07-12 19:07:23
阅读次数：
90
[CSS 中文开发手册字母间距 | letter-spacing (Scalable Vector Graphics) - CSS 中文开发手册该letter-spacing CSS属性指定的文本字符之间的间距行为。/* values */letter-spacing: 0.3em;letter-s... ...
分类：
Web程序 时间：
2020-07-12 00:41:49
阅读次数：
117
css属性 <style> div{ border: 1px solid red; width: 100px; } .div1{ width: 100px; height: 100px; /*外边距*/ /* margin: 50px; */ } .div2{ width: 200px; heigh ...
分类：
Web程序 时间：
2020-07-10 00:42:13
阅读次数：
81
css属性 <style> p{ color: #FF0000; font-size: 30px; text-align: center; line-height: 200px; /* border 边框 */ border: 1px solid red; } div{ border: 1px so ...
分类：
Web程序 时间：
2020-07-10 00:35:28
阅读次数：
90
11. 超链接访问过后hover样式就不出现了，被点击访问过的超链接样式不再具有hover和active了，解决方法是改变CSS属性的排列顺序？（）正确答案: A A. a:link {} a:visited {} a:hover {} a:active {}B. a:visited {} a:li ...
分类：
其他好文 时间：
2020-07-08 19:42:59
阅读次数：
65
[CSS 中文开发手册平均宽度 | min-width (Flexible Box Layout) - CSS 中文开发手册min-width CSS属性设置元素的最小宽度。它防止使用的width属性值变得小于指定的值min-width。/* value */min-width: 3.5em;/* ... ...
分类：
Web程序 时间：
2020-07-05 12:01:20
阅读次数：
89
