css 属性值 display /* display: block; */ /* 浏览器默认样式 *//* display: inline; */ /* 设置为行内元素 *//* display: none; */ /* 隐藏元素不占空间 *//* display: inline-block; */ ...
分类：
Web程序 时间：
2020-07-19 17:53:31
阅读次数：
89
应用DivCSS网页布局，经常性地会使用到float，很多邪门的事儿都有可能是浮动在作怪，清除浮动是必须要做的，而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。下面看今天的教程，此为未清除浮动源代码，运行代码无法查看到父级元素浅黄色背景。 <style type=”text/ ...
分类：
Web程序 时间：
2020-07-19 16:18:39
阅读次数：
80
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>正确解决高度塌陷</title> <style media="screen"> .box { border: 1px solid; } .f ...
分类：
Web程序 时间：
2020-07-19 16:05:34
阅读次数：
75
一、定义样式 <style> .blueBack { background-color: blue; } .yellowBack { background-color: yellow; } </style> 二、定义两个按钮，一个div <div id="vueFirst"> <div :class ...
分类：
Web程序 时间：
2020-07-19 15:56:07
阅读次数：
158
宽度不固定，超出宽度则以省略号“...”来表示。 /*规定段落中的文本不进行换行：*/ white-space: nowrap; overflow: hidden; /* text-overflow属性表示规定当文本溢出包含元素时发生的事情; ellipsis表示显示省略符号来代表被修剪的文本。*/ ...
分类：
Web程序 时间：
2020-07-19 11:51:01
阅读次数：
106
虽然现代浏览器支持css3，但是一些过往的版本或是目前有些css3属性的应用还是离不开前缀的。一些牛逼且执着于web技术且乐于分享的仁兄(Lea Verou)就搞了个名叫prefixfree.js的插件可以自动补全前缀。首先在页面任意地方（能生效的方）插入插件: <script src="prefi ...
分类：
Web程序 时间：
2020-07-19 00:54:54
阅读次数：
135
CSS伪元素是用来添加一些选择器的特殊效果。 语法 伪元素的语法： selector:pseudo-element {property:value;} CSS类也可以使用伪元素： selector.class:pseudo-element {property:value;} :first-line ...
分类：
Web程序 时间：
2020-07-19 00:40:47
阅读次数：
88
我们以往实现平滑滚动往往用的是jQuery, 如实现平滑回到顶部，就写如下代码： $(‘.js_go_to_top‘).click(function () { $(".js_scroll_area").animate({scrollTop: 0}, 600); }); 我们现在可能通过css实现这一 ...
分类：
Web程序 时间：
2020-07-19 00:35:24
阅读次数：
142
前两天看到阮大神的一篇在css中使用变量的文章，整理了一下。 这个重要的 css 新功能，所有主要浏览器已经都支持了。本文全面介绍如何使用它，你会发现原生 css 从此变得异常强大。 一、变量的声明 声明变量的时候，变量名前面要加两根连词线（--）。 body { --foo: #7F583F; - ...
分类：
Web程序 时间：
2020-07-19 00:34:53
阅读次数：
89
常用的技术组件的作用 学前必备基础：HTML、CSS、JavaScript、Vue基础知识 Vue：用于构建用户界面的渐进式JavaScript框架 什么是Cube-UI 基于Vue.js实现的精致移动端组件库 地址：https://didi.github.io/cube-ui/#/zh-CN Vu ...
分类：
其他好文 时间：
2020-07-19 00:30:51
阅读次数：
94
