本文主要讲述利用border属性做出不同的几何形状从而适用于比较好看的视觉样式。 预备知识 border相关属性 border-width 边框的宽度 border-style 边框的样式 border-color 边框的颜色 案例举例 为了更加通俗易懂，demo用的是最简单的dom元素和css属性 ...
分类：
Web程序 时间：
2020-06-07 14:25:50
阅读次数：
80
1.构建css环境，头里加<style> css属性: 1.1字体属性 font-size:100px;字体大小； font-weight:bold;字体加粗；normal不加； font-style：normal;normat不倾斜、italic倾斜； font-family:"华文行楷"，“宋体 ...
分类：
Web程序 时间：
2020-06-07 12:56:21
阅读次数：
83
不用js添加css属性，hover能正常设置背景颜色。 <div id="add"></div> #add{ width: 50px; height: 50px; background-color: greenyellow; } #add:hover{ background-color: #000; ...
分类：
Web程序 时间：
2020-06-03 20:16:26
阅读次数：
73
一、getComputedStyle是？getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration])，只读。 getComputedStyle() gives the final used ...
分类：
其他好文 时间：
2020-06-03 00:42:03
阅读次数：
58
最近做项目时，遇到了一个需求：要求div里文本在两行显示，div的宽度是固定的，如果溢出的话就显示省略号。单行文本的溢出问题，我们都很熟悉，只要添加以下css属性就ok： overflow: hidden; white-space: nowrap; //段落中文本不换行 text-overflow: ...
分类：
Web程序 时间：
2020-05-31 13:08:54
阅读次数：
92
做响应式系统设计的时候遇到需要对标题进行多行文字截取的效果，如下图： 看似十分简单的标题截断效果，但是竟然没有一个统一 CSS 属性实现标准，需要用到一些奇淫妙计来实现，一般来说，在做这样文字截断效果时我们更多是希望： 兼容性好，对各大主流浏览器有好的支持响应式截断，根据不同宽度做出调整文本超出范围 ...
分类：
Web程序 时间：
2020-05-31 11:27:03
阅读次数：
75
先看一下实现的效果: 以上通过滚动,图片随之滚动 看起来蜜汁酷炫 实现原理就是: 滚动视差,是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 使用技术很简单,只需要css属性: background-attachment: fixed; 无需任何js复杂代码 代码如下: ...
分类：
其他好文 时间：
2020-05-27 20:17:19
阅读次数：
70
(点击图片进入关卡) 为元素添加边框，能够帮助与其他元素分隔开来。 简介 border 用于在元素周围放置一个漂亮的边框。 div { border: 3px double purple; } 默认代码 <!-- 有时间深入研究更多CSS属性。 --> <!-- 可以添加边框将元素包围起来。 --> ...
分类：
Web程序 时间：
2020-05-21 19:25:30
阅读次数：
95
在这一章中，我们将讲解 Bootstrap 底层结构的关键部分，包括我们让 web 开发变得更好、更快、更强壮的最佳实践。 HTML 5 文档类型（Doctype） Bootstrap 使用了一些 HTML5 元素和 CSS 属性。为了让这些正常工作，您需要使用 HTML5 文档类型（Doctype ...
分类：
Web程序 时间：
2020-05-16 10:54:41
阅读次数：
77
scroll-behavior属性 当用户手动导航或者 CSSOM scrolling API 触发滚动操作时，CSS 属性 scroll-behavior 为一个滚动框指定滚动行为，当用户通过鼠标滑轮滚动或者手机触屏滚动，不受这个属性的影响。在根元素中指定这个属性时，它反而适用于视窗。 scrol ...
分类：
Web程序 时间：
2020-05-15 20:06:36
阅读次数：
89
