盒子模型 1 绝大多数标签都可以看作盒子，可以设置宽高或设置内容；在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说 ...
分类：
Web程序 时间：
2020-07-19 18:06:47
阅读次数：
100
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
今天就重点讲解这个效果，首先，当有人说你能不能做一个圆形进度条效果出来时，如果是静态完整圆形进度条，那么就很简单了： .circleprogress{ width: 160px; height: 160px; border:20px solid red; border-radius: 50%; } ...
分类：
Web程序 时间：
2020-07-19 16:15:54
阅读次数：
72
<!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
